@media only screen and (min-width: 1600px) {
    .index-ban {
        width: 100%;
        overflow: hidden;
    }
    .index-ban .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .index-ban .swiper-pagination {
        bottom: 25px;
    }
    .index-ban .swiper-pagination-bullet {
        width: 2px;
        height: 18px;
        background: #fff;
        border-radius: initial;
        opacity: 1;
    }
    .index-ban .swiper-pagination-bullet-active {
        height: 39px;
    }
    .index-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
    .index-ban .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .index-ban .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    .index-a1 {
        width: 100%;
        height: 860px;
        background-image: linear-gradient(to top, #002c69, #eaf5ff);
        padding-top: 105px;
    }
    .index-tit {
        text-align: center;
    }
    .index-ti1 {
        font-size: 44px;
        color: #333333;
        line-height: 44px;
        margin-bottom: 25px;
        font-weight: bolder;
    }
    .index-ti2 {
        font-size: 28px;
        line-height: 28px;
        color: #454545;
    }
    .index-a1-video {
        width: 1152px;
        margin: 0 auto;
        position: relative;
    }
    .index-a1-video-img {
        width: 100%;
    }
    .index-a1-video-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 68px;
        height: 68px;
    }
    .index-a1-bot img {
        margin: 0 auto;
        /*-webkit-transform:translate3d(0,0,0);*/
        /*-moz-transform:translate3d(0,0,0);*/
        /*transform:translate3d(0,0,0);*/
        /*!* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; *!*/
        /*-webkit-animation:play 3s linear infinite;*/
        /*-moz-animation:play 3s linear infinite;*/
        /*animation:play 3s linear infinite;*/
    }
    /*@-webkit-keyframes play{*/
    /*    0%  {*/
    /*        -webkit-transform:rotateY(0deg);*/
    /*    }*/
    /*    100% {*/
    /*        -webkit-transform:rotateY(360deg);*/
    /*    }*/
    /*}*/
    .index-a2 {
        width: 100%;
        height: 860px;
        background: #e9f1f9;
    }
    .index-a2-box {
        width: 1440px;
        margin: 0 auto;
    }
    .index-a2-fl {
        padding-top: 175px;
        width: 640px;
    }
    .index-a2-fl .index-a2-fl-ti1 {
        color: #004ea1;
        font-size: 44px;
        font-weight: bolder;
        line-height: 44px;
        margin-bottom: 25px;
    }
    .index-a2-fl .index-a2-fl-ti2 {
        font-size: 28px;
        color: #454545;
        line-height: 28px;
        margin-bottom: 110px;
    }
    .index-a2-fl-num-list {
        display: inline-block;
        margin-bottom: 100px;
    }
    .index-a2-fl-num-ti1 {
        color: #004ea1;
        font-size: 24px;
        line-height: 46px;
    }
    .index-a2-fl-num-ti1 span {
        font-size: 46px;
        font-family: 'Rubik';
    }
    .index-a2-fl-num-ti2 {
        font-size: 20px;
        color: #222222;
        text-align: center;
    }
    .index-a2-fl-num-list:nth-child(even) {
        padding-left: 140px;
    }
    .index-a2-fl-num-ti3 {
        text-align: center;
        font-size: 18px;
        color: #696969;
    }
    .index-a2-fr {
        width: 793px;
        position: relative;
        padding-top: 175px;
    }
    .index-a2-fr-ti1 {
        position: relative;
    }
    .index-a2-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background:rgba(0,0,0,.3);*/
    }
    .index-a2-ti1 {
        position: absolute;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
    .index-a2-ti1>i {
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, .8);
        border-radius: 50%;
        animation: k1 3s linear infinite;
    }
    .index-a2-ti1 span {
        width: 12px;
        height: 12px;
        background: #fff;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*@keyframes k1{0%{opacity: 0;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.2);}100%{opacity: 0;transform: scale(1.4);}}*/
    @keyframes k1 {
        0% {
            transform: scale(0.5);
            opacity: 1;
        }
        100% {
            transform: scale(1.5);
            opacity: 0;
        }
    }
    .index-a2-ti1:nth-child(1) {
        right: calc(50% / 4.5);
        top: calc(50% / 2.9);
    }
    .index-a2-ti1:nth-child(2) {
        right: calc(50% / 3.8);
        top: 149px;
    }
    .index-a2-ti1:nth-child(3) {
        right: calc(50% / 2.3);
        top: 191px;
    }
    .index-a2-ti1:nth-child(4) {
        right: calc(50% / 3.5);
        top: 232px;
    }
    .index-a2-ti1:nth-child(5) {
        right: calc(50% / 3.1);
        top: 294px;
    }
    .index-a2-ti1:nth-child(6) {
        right:calc(50% / 4.2);
        top: 302px;
    }
    .index-a2-ti1:nth-child(7) {
        right: calc(50% / 5.3);
        top: 345px;
    }
    .index-a2-ti1:nth-child(8) {
        right: calc(50% / 1.03);
        top: 318px;
    }
    .index-a2-ti1:nth-child(9) {
        right: calc(50% / 2 + 28px);
        top: 366px;
    }
    .index-a2-ti1:nth-child(10) {
        right: calc(50% / 2 + 7px);
        bottom: 175px;
    }
    .index-a2-ti1:nth-child(11){
        right: calc(50% / 2 - 147px);
        bottom: 199px;
    }
    .index-a2-ti1 div {
        display: none;
    }
    .index-a2-fr-but {
        width: 223px;
        padding: 0 10px;
        background: #fff;
        position: absolute;
        top: 150px;
        left: calc(50% - 150px / 2);
    }
    .index-a2-fr-but-ti1 {
        font-size: 20px;
        color: #2c74b8;
        border-bottom: 2px solid #2c74b8;
        padding: 20px 0;
        line-height: 20px;
        font-weight: bolder;
    }
    .index-a2-fr-but-ti2 {
        font-size: 16px;
        color: #333333;
        padding: 20px 0;
    }
    .index-a3 {
        width: 100%;
        position: relative;
        background-image: url("../img/z89_01.jpg");
        height: 950px;
        background-size: cover;
        background-position: center center;
    }
    .index-a3-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 80px;
    }
    .index-a3-box .index-tit {
        margin-bottom: 85px;
    }
    .index-a3-box .index-tit .index-ti1 {
        color: #b5cfea;
    }
    .index-a3-box .index-tit .index-ti2 {
        color: #b5cfea;
    }
    .index-a3-ti1 {
        width: 1080px;
        height: 435px;
        margin: 0 auto 120px;
        position: relative;
    }
    .index-a3-list {
        position: absolute;
    }
    .index-a3-list .index-a3-list-ti1 img {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
        cursor: pointer;
        transition: .3s;
    }
    @-webkit-keyframes yuan {
        0% {
            -webkit-transform: rotateY(0deg);
        }
        100% {
            -webkit-transform: rotateY(360deg);
        }
    }
    .index-a3-list .index-a3-list-ti1 img:last-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img {
        animation: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img:first-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img:last-child {
        display: block;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1.on1 img:first-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1.on1 img:last-child {
        display: block;
        transition: .3s;
    }
    .index-a3-list-ti2 {
        position: absolute;
        top: -70px;
        left: 0;
        transition: .6s;
        display: none;
    }
    .index-a3-list:hover .index-a3-list-ti2 {
        transition: .6s;
        left: 35px;
        display: block;
    }
    .index-a3-list-ti3 {
        width: 216px;
        position: absolute;
        top: -90px;
        left: 130px;
        display: none;
        transition: .6s;
    }
    .index-a3-list:hover .index-a3-list-ti3 {
        transition: .6s;
        display: block;
    }
    .index-a3-list-ti4 {
        color: #fff;
        font-size: 18px;
        font-style: italic;
        font-weight: bolder;
        position: absolute;
        top: 23px;
        left: 77px;
        width: 150px;
    }
    .index-a3-list:hover .index-a3-list-ti4 {
        color: #f1ac3c;
    }
    .index-a3-list:nth-child(1) {
        top: 28px;
        left: 540px;
    }
    .index-a3-list:nth-child(2) {
        top: 91px;
        right: 345px;
    }
    .index-a3-list:nth-child(3) {
        top: 226px;
        left: 63px;
    }
    .index-a3-list:nth-child(4) {
        top: 146px;
        left: 338px;
    }
    .index-a3-list:nth-child(5) {
        top: 170px;
        left: 562px;
    }
    .index-a3-list:nth-child(6) {
        top: 200px;
        right: -20px;
    }
    .index-a3-list:nth-child(7) {
        bottom: 100px;
        left: 197px;
    }
    .index-a3-list:nth-child(8) {
        bottom:96px;
        left: 598px;
    }
    .index-a3-list:nth-child(9) {
        bottom: 50px;
        right: -5px;
    }
    .index-a3-btn {
        width: 202px;
        height: 54px;
        border: 2px solid #005aab;
        color: #005aab;
        border-radius: 27px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bolder;
        font-size: 16px;
    }
    .index-a3-btn img {
        width: 10px;
        margin-left: 20px;
    }
    .index-a4 {
        padding-top: 80px;
        width: 100%;
        /*background-image: linear-gradient(#f0f5f9, #ffffff);*/
        background: #ebf2f9;
    }
    .index-a4-box {
        width: 1440px;
        margin: 0 auto;
        padding-top: 70px;
    }
    .index-a4-list {
        margin-right: 10px;
    }
    .index-a4-list:nth-child(7n) {
        margin-right: 0;
    }
    .container {
        height: 510px;
        position: relative;
        margin: 0 auto;
        width: 300px;
    }
    .column {
        transition: .5s;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .col-0 {
        transform: perspective(500px) translatez(850px) rotatey(36deg) translate3d(0, 0, -1500px);
    }
    .col-1,
    .moved .col-0 {
        transform: perspective(500px) translatez(850px) rotatey(24deg) translate3d(0, 0, -1500px);
    }
    .col-2,
    .moved .col-1 {
        transform: perspective(500px) translatez(850px) rotatey(12deg) translate3d(0, 0, -1500px);
    }
    .col-3,
    .moved .col-2 {
        transform: perspective(500px) translatez(850px) translate3d(0, 0, -1500px);
    }
    .col-4,
    .moved .col-3 {
        transform: perspective(500px) translatez(850px) rotatey(-12deg) translate3d(0, 0, -1500px);
    }
    .col-5,
    .moved .col-4 {
        transform: perspective(500px) translatez(850px) rotatey(-24deg) translate3d(0, 0, -1500px);
    }
    .col-6,
    .moved .col-5 {
        transform: perspective(500px) translatez(850px) rotatey(-36deg) translate3d(0, 0, -1500px);
    }
    /*.col-7, .moved .col-6 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(-60deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.moved .col-7 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(-60deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-0 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(60deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-1, .moved .col-0 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(45deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-2, .moved .col-1 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(30deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-3, .moved .col-2 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(15deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-4, .moved .col-3 {*/
    /*    transform: perspective(500px) translatez(645px) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-5, .moved .col-4 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(-15deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-6, .moved .col-5 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(-30deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.col-7, .moved .col-6 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(-45deg) translate3d(0,0,-1145px);*/
    /*}*/
    /*.moved .col-7 {*/
    /*    transform: perspective(500px) translatez(645px) rotatey(-60deg) translate3d(0,0,-1145px);*/
    /*}*/
    .column .image {
        margin: 10px 5px;
        height: 160px;
        overflow: hidden;
    }
    .column .image:hover img{
        transition:.3s;
        transform:scale(1.08);
    }
    .column .image img {
        transition:.3s;
        width: 100%;
        height: 100%;
    }
    .index-a4-list div {
        margin-bottom: 10px;
        width: 151px;
        height: 78px;
        box-shadow: 0 0 10px 10px #eee;
        cursor: pointer;
    }
    .index-a4-list:nth-child(1) div {
        transform: translate3d(0, 0, 0) rotateX(8deg) rotateY(29deg);
    }
    .index-a4-list:nth-child(2) div {
        /*transform:translate3d(0, 0, 0) rotateX(6deg) rotateY(29deg);*/
    }
    .index-a5 {
        background: #e9f1f9;
        width: 100%;
    }
    .index-a5-tit {
        font-size: 33px;
        color: #333333;
        text-align: center;
        font-weight: bolder;
        padding-top: 95px;
        margin-bottom: 70px;
    }
    .index-a5-box {
        width: 100%;
    }
    .about3-a1 {
        width: 100%;
        height: 582px;
        position: relative;
        overflow: hidden;
    }
    .about3-a2 {
        width: calc(100% - 1044px);
        height: 582px;
        position: relative;
    }
    .about3-a2 img {
        width: 100%;
        min-height: 100%;
    }
    .about3-a3 {
        width: 1044px;
        height: 582px;
        background-image: url("../img/z94.jpg");
        background-size: cover;
    }
    .about3-a3 .about0-b1 {
        margin-bottom: 40px;
        text-align: left;
    }
    .about3-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .about3-a4:after {
        content: "";
        display: block;
        clear: both;
    }
    .about3-a5 {
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        float: left;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .about3-a6 {
        width: 100%;
        overflow-y: auto;
        /* height: 430px; */
    }
    .about3-a6:hover {
        overflow-y: auto;
    }
    .about3-a6::-webkit-scrollbar {
        width: 2px;
    }
    .about3-a6>div {
        font-size: 20px;
        line-height: 48px;
        color: #999999;
        transition: 0.5s;
        cursor: pointer;
    }
    .about3-a6>div.on1 {
        color: #404040;
        transition: 0.5s;
    }
    .about3-a7 {
        width: 418px;
        height:518px;
        position: absolute;
        right: calc(50% - 1440px / 2);
        top:30px;
    }
    .about3-a7>div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
    }
    .about3-a7>div img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
    }
    .about3-a7>div:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .about3-a8 {
        position: absolute;
        bottom: 55px;
        right: calc(50% - 1440px / 2);
        font-weight: bolder;
    }
    .about3-a8>span:first-child {
        font-size: 28px;
        line-height: 28px;
        color: #404040;
    }
    .about3-a8>span:last-child {
        font-size: 18px;
        line-height: 28px;
        color: #747474;
    }
    .about3-b1 {
        display: none;
    }
    .index-a6 {
        width: 100%;
        position: relative;
    }
    .index-a6-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .index-a6-line {
        width: 815px;
        height: 386px;
        background: rgba(34, 65, 156, .92);
        margin-top: 5%;
    }
    .index-a6-ti1 {
        font-size: 100px;
        line-height: 100px;
        text-transform: uppercase;
        padding-left: 120px;
        padding-top: 20px;
        font-family: 'Oswald';
        background-image: -webkit-linear-gradient(top, rgba(181, 212, 239, .28), rgba(181, 212, 239, 0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .index-a6-ti2 {
        font-size: 38px;
        line-height: 38px;
        color: #fff;
        font-weight: bolder;
        margin-left: 75px;
        margin-top: -33px;
    }
    .index-a6-ti3 {
        margin-left: 30px;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .index-ban {
        width: 100%;
        overflow: hidden;
    }
    .index-ban .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .index-ban .swiper-pagination {
        bottom: 25px;
    }
    .index-ban .swiper-pagination-bullet {
        width: 2px;
        height: 18px;
        background: #fff;
        border-radius: initial;
        opacity: 1;
    }
    .index-ban .swiper-pagination-bullet-active {
        height: 39px;
    }
    .index-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
    .index-ban .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .index-ban .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    .index-a1 {
        width: 100%;
        height: 860px;
        background-image: linear-gradient(to top, #002c69, #eaf5ff);
        padding-top: 105px;
    }
    .index-tit {
        text-align: center;
    }
    .index-ti1 {
        font-size: 42px;
        color: #333333;
        line-height: 42px;
        margin-bottom: 20px;
        font-weight: bolder;
    }
    .index-ti2 {
        font-size: 26px;
        line-height: 26px;
        color: #454545;
    }
    .index-a1-video {
        width: 1080px;
        margin: 0 auto;
        position: relative;
    }
    .index-a1-video-img {
        width: 100%;
    }
    .index-a1-video-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 62px;
        height: 62px;
    }
    .index-a1-bot img {
        /*display: block;*/
        margin: 0 auto;
        /*-webkit-transform:translate3d(0,0,0);*/
        /*-moz-transform:translate3d(0,0,0);*/
        /*transform:translate3d(0,0,0);*/
        /*!* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; *!*/
        /*-webkit-animation:play 3s linear infinite;*/
        /*-moz-animation:play 3s linear infinite;*/
        /*animation:play 3s linear infinite;*/
    }
    /*@-webkit-keyframes play{*/
    /*    0%  {*/
    /*        -webkit-transform:rotateY(0deg);*/
    /*    }*/
    /*    100% {*/
    /*        -webkit-transform:rotateY(360deg);*/
    /*    }*/
    /*}*/
    .index-a2 {
        width: 100%;
        height: 860px;
        background: #e9f1f9;
    }
    .index-a2-box {
        width: 1280px;
        margin: 0 auto;
    }
    .index-a2-fl {
        padding-top: 175px;
        width: 500px;
    }
    .index-a2-fl .index-a2-fl-ti1 {
        color: #004ea1;
        font-size: 42px;
        font-weight: bolder;
        line-height: 42px;
        margin-bottom: 25px;
    }
    .index-a2-fl .index-a2-fl-ti2 {
        font-size: 26px;
        color: #454545;
        line-height: 26px;
        margin-bottom: 100px;
    }
    .index-a2-fl-num-list {
        display: inline-block;
        margin-bottom: 100px;
    }
    .index-a2-fl-num-ti1 {
        color: #004ea1;
        font-size: 22px;
        line-height: 44px;
    }
    .index-a2-fl-num-ti1 span {
        font-size: 44px;
        font-family: 'Rubik';
    }
    .index-a2-fl-num-ti2 {
        font-size: 18px;
        color: #222222;
        text-align: center;
    }
    .index-a2-fl-num-list:nth-child(even) {
        padding-left: 100px;
    }
    .index-a2-fl-num-ti3 {
        text-align: center;
        font-size: 18px;
        color: #696969;
    }
    .index-a2-fr {
        width: 765px;
        position: relative;
        padding-top: 190px;
    }
    .index-a2-fr-tu {
        width: 100%;
    }
    .index-a2-fr-tu img {
        width: 100%;
    }
    .index-a2-fr-ti1 {
        position: relative;
    }
    .index-a2-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background:rgba(0,0,0,.3);*/
    }
    .index-a2-ti1 {
        position: absolute;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
    .index-a2-ti1>i {
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 1);
        border-radius: 50%;
        animation: k1 3s linear infinite;
    }
    .index-a2-ti1 span {
        width: 12px;
        height: 12px;
        background: #fff;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*@keyframes k1{0%{opacity: 0;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.2);}100%{opacity: 0;transform: scale(1.4);}}*/
    @keyframes k1 {
        0% {
            transform: scale(0.5);
            opacity: 1;
        }
        100% {
            transform: scale(1.5);
            opacity: 0;
        }
    }
    .index-a2-ti1:nth-child(1) {
        right: calc(50% / 4.5);
        top: calc(50% / 2.9);
    }
    .index-a2-ti1:nth-child(2) {
        right: calc(50% / 3.9);
        top: 143px;
    }
    .index-a2-ti1:nth-child(3) {
        right: calc(50% / 2.3);
        top: 182px;
    }
    .index-a2-ti1:nth-child(4) {
        right: calc(50% / 3.4);
        top: 220px;
    }
    .index-a2-ti1:nth-child(5) {
        right: calc(50% / 3.2);
        top: 281px;
    }
    .index-a2-ti1:nth-child(6) {
        right: calc(50% / 4.2);
        top: 291px;
    }
    .index-a2-ti1:nth-child(7) {
        right: calc(50% / 5.3);
        top: 335px;
    }
    .index-a2-ti1:nth-child(8) {
        right: calc(50% / 1.03);
        top: 306px;
    }
    .index-a2-ti1:nth-child(9) {
        right: calc(50% / 2 + 27px);
        top: 355px;
    }
    .index-a2-ti1:nth-child(10) {
        right: calc(50% / 2 + 9px);
        bottom: 168px;
    }
    .index-a2-ti1:nth-child(11){
        right: calc(50% / 2 - 142px);
        bottom: 190px;
    }
    .index-a2-ti1 div {
        display: none;
    }
    .index-a2-fr-but {
        padding: 0 10px;
        background: #fff;
        display: inline-block;
        position: absolute;
        top: 150px;
        width: 225px;
        left: calc(50% - 150px / 2);
    }
    .index-a2-fr-but-ti1 {
        font-size: 18px;
        color: #2c74b8;
        border-bottom: 2px solid #2c74b8;
        padding: 15px 0;
        line-height: 20px;
        font-weight: bolder;
    }
    .index-a2-fr-but-ti2 {
        font-size: 14px;
        color: #333333;
        padding: 13px 0;
    }
    .index-a3 {
        width: 100%;
        position: relative;
        background-image: url("../img/z89_01.jpg");
        height: 950px;
        background-size: cover;
        background-position: center center;
    }
    .index-a3-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 80px;
    }
    .index-a3-box .index-tit {
        margin-bottom: 85px;
    }
    .index-a3-box .index-tit .index-ti1 {
        color: #b5cfea;
    }
    .index-a3-box .index-tit .index-ti2 {
        color: #b5cfea;
    }
    .index-a3-ti1 {
        width: 1080px;
        height: 435px;
        margin: 0 auto 120px;
        position: relative;
    }
    .index-a3-list {
        position: absolute;
    }
    .index-a3-list .index-a3-list-ti1 img {
        width: 50px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
        cursor: pointer;
        transition: .3s;
    }
    @-webkit-keyframes yuan {
        0% {
            -webkit-transform: rotateY(0deg);
        }
        100% {
            -webkit-transform: rotateY(360deg);
        }
    }
    .index-a3-list .index-a3-list-ti1 img:last-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img {
        animation: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img:first-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img:last-child {
        display: block;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1.on1 img:first-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1.on1 img:last-child {
        display: block;
        transition: .3s;
    }
    .index-a3-list-ti2 {
        position: absolute;
        top: -70px;
        left: 0;
        transition: .6s;
        display: none;
    }
    .index-a3-list:hover .index-a3-list-ti2 {
        transition: .6s;
        left: 35px;
        display: block;
    }
    .index-a3-list-ti3 {
        width: 216px;
        position: absolute;
        top: -90px;
        left: 130px;
        display: none;
        transition: .6s;
    }
    .index-a3-list:hover .index-a3-list-ti3 {
        transition: .6s;
        display: block;
    }
    .index-a3-list-ti4 {
        color: #fff;
        font-size: 16px;
        font-style: italic;
        font-weight: bolder;
        position: absolute;
        top: 14px;
        left: 58px;
        width: 150px;
    }
    .index-a3-list:hover .index-a3-list-ti4 {
        color: #f1ac3c;
    }
    .index-a3-list:nth-child(1) {
top: 28px;
left: 540px;
}
.index-a3-list:nth-child(2) {
top: 91px;
right: 345px;
}
.index-a3-list:nth-child(3) {
top: 226px;
left: 63px;
}
.index-a3-list:nth-child(4) {
top: 146px;
left: 338px;
}
.index-a3-list:nth-child(5) {
top: 170px;
left: 562px;
}
.index-a3-list:nth-child(6) {
top: 200px;
right: -20px;
}
.index-a3-list:nth-child(7) {
bottom: 100px;
left: 197px;
}
.index-a3-list:nth-child(8) {
bottom:96px;
left: 598px;
}
.index-a3-list:nth-child(9) {
bottom: 50px;
right: -5px;
}
    .index-a3-btn {
        width: 202px;
        height: 54px;
        border: 2px solid #005aab;
        color: #005aab;
        border-radius: 27px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bolder;
        font-size: 16px;
    }
    .index-a3-btn img {
        width: 10px;
        margin-left: 20px;
    }
    .index-a4 {
        padding-top: 80px;
        width: 100%;
        /*background-image: linear-gradient(#f0f5f9, #ffffff);*/
        background: #ebf2f9;
    }
    .index-a4-box {
        width: 1440px;
        margin: 0 auto;
        padding-top: 70px;
    }
    .index-a4-list {
        margin-right: 10px;
    }
    .index-a4-list:nth-child(7n) {
        margin-right: 0;
    }
    .index-a4-list div {
        margin-bottom: 10px;
        width: 151px;
        height: 78px;
        box-shadow: 0 0 10px 10px #eee;
        cursor: pointer;
    }
    .index-a4-list:nth-child(1) div {
        transform: translate3d(0, 0, 0) rotateX(8deg) rotateY(29deg);
    }
    .index-a4-list:nth-child(2) div {
        /*transform:translate3d(0, 0, 0) rotateX(6deg) rotateY(29deg);*/
    }
    .container {
        height: 510px;
        position: relative;
        margin: 0 auto;
        width: 300px;
    }
    .column {
        transition: .5s;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .col-0 {
        transform: perspective(500px) translatez(850px) rotatey(36deg) translate3d(0, 0, -1500px);
    }
    .col-1,
    .moved .col-0 {
        transform: perspective(500px) translatez(850px) rotatey(24deg) translate3d(0, 0, -1500px);
    }
    .col-2,
    .moved .col-1 {
        transform: perspective(500px) translatez(850px) rotatey(12deg) translate3d(0, 0, -1500px);
    }
    .col-3,
    .moved .col-2 {
        transform: perspective(500px) translatez(850px) translate3d(0, 0, -1500px);
    }
    .col-4,
    .moved .col-3 {
        transform: perspective(500px) translatez(850px) rotatey(-12deg) translate3d(0, 0, -1500px);
    }
    .col-5,
    .moved .col-4 {
        transform: perspective(500px) translatez(850px) rotatey(-24deg) translate3d(0, 0, -1500px);
    }
    .col-6,
    .moved .col-5 {
        transform: perspective(500px) translatez(850px) rotatey(-36deg) translate3d(0, 0, -1500px);
    }
    .image {
        margin-bottom: 10px;
        overflow: hidden;
    }
    .image:hover img{
        transform:scale(1.08);
        transition:.3s;
    }
    .image img {
        transition:.3s;
        width: 100%;
    }
    .index-a5 {
        background: #e9f1f9;
        width: 100%;
    }
    .index-a5-tit {
        font-size: 33px;
        color: #333333;
        text-align: center;
        font-weight: bolder;
        padding-top: 95px;
        margin-bottom: 70px;
    }
    .index-a5-box {
        width: 100%;
    }
    .about3-a1 {
        width: 100%;
        height: 582px;
        position: relative;
        overflow: hidden;
    }
    .about3-a2 {
        width: calc(100% - 845px);
        height: 582px;
        position: relative;
    }
    .about3-a2 img {
        width: 100%;
        min-height: 100%;
    }
    .about3-a3 {
        width: 845px;
        height: 582px;
        background-image: url("../img/z94.jpg");
        background-size: cover;
    }
    .about3-a3 .about0-b1 {
        margin-bottom: 40px;
        text-align: left;
    }
    .about3-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .about3-a4:after {
        content: "";
        display: block;
        clear: both;
    }
    .about3-a5 {
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        float: left;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .about3-a6 {
        width: 100%;
        overflow-y: auto;
        /* height: 440px; */
    }
    .about3-a6:hover {
        overflow-y: auto;
    }
    .about3-a6::-webkit-scrollbar {
        width: 2px;
    }
    .about3-a6>div {
        font-size: 18px;
        line-height: 48px;
        color: #999999;
        transition: 0.5s;
        cursor: pointer;
    }
    .about3-a6>div.on1 {
        color: #404040;
        transition: 0.5s;
    }
    .about3-a7 {
        width: 370px;
        height:517px;
        position: absolute;
        right: calc(50% - 1280px / 2);
        top: 30px;
    }
    .about3-a7>div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
    }
    .about3-a7>div img {
        width: 100%;
        min-height: 100%;
        transition: 0.5s;
    }
    .about3-a7>div:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .about3-a8 {
        position: absolute;
        bottom: 70px;
        right: calc(50% - 1440px / 2);
        font-weight: bolder;
    }
    .about3-a8>span:first-child {
        font-size: 28px;
        line-height: 28px;
        color: #404040;
    }
    .about3-a8>span:last-child {
        font-size: 18px;
        line-height: 28px;
        color: #747474;
    }
    .about3-b1 {
        display: none;
    }
    .index-a6 {
        width: 100%;
        position: relative;
    }
    .index-a6-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .index-a6-line {
        width: 667px;
        height: 306px;
        background: rgba(34, 65, 156, .92);
        margin-top: 2%;
    }
    .index-a6-ti1 {
        font-size: 80px;
        line-height: 80px;
        text-transform: uppercase;
        padding-left: 100px;
        padding-top: 20px;
        font-family: 'Oswald';
        background-image: -webkit-linear-gradient(top, rgba(181, 212, 239, .28), rgba(181, 212, 239, 0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .index-a6-ti2 {
        font-size: 32px;
        line-height: 32px;
        color: #fff;
        font-weight: bolder;
        margin-left: 60px;
        margin-top: -33px;
    }
    .index-a6-ti3 {
        margin-left: 30px;
        margin-top: 10px;
    }
    .index-a6-ti3 img {
        width: 620px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .index-ban {
        width: 100%;
        overflow: hidden;
    }
    .index-ban .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .index-ban .swiper-pagination {
        bottom: 25px;
    }
    .index-ban .swiper-pagination-bullet {
        width: 2px;
        height: 18px;
        background: #fff;
        border-radius: initial;
        opacity: 1;
    }
    .index-ban .swiper-pagination-bullet-active {
        height: 39px;
    }
    .index-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
    .index-ban .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .index-ban .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    .index-a1 {
        width: 100%;
        height: 735px;
        background-image: linear-gradient(to top, #002c69, #eaf5ff);
        padding-top: 80px;
    }
    .index-tit {
        text-align: center;
    }
    .index-ti1 {
        font-size: 40px;
        color: #333333;
        line-height: 40px;
        margin-bottom: 20px;
        font-weight: bolder;
    }
    .index-ti2 {
        font-size: 24px;
        line-height: 24px;
        color: #454545;
    }
    .index-a1-video {
        width: 960px;
        margin: 0 auto;
        position: relative;
    }
    .index-a1-video-img {
        width: 100%;
    }
    .index-a1-video-img img {
        width: 100%;
    }
    .index-a1-video-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 56px;
        height: 56px;
    }
    .index-a1-bot {
        width: 960px;
        margin: 0 auto;
    }
    .index-a1-bot img {
        width: 100%;
        /*display: block;*/
        /*-webkit-transform:translate3d(0,0,0);*/
        /*-moz-transform:translate3d(0,0,0);*/
        /*transform:translate3d(0,0,0);*/
        /*!* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; *!*/
        /*-webkit-animation:play 3s linear infinite;*/
        /*-moz-animation:play 3s linear infinite;*/
        /*animation:play 3s linear infinite;*/
    }
    /*@-webkit-keyframes play{*/
    /*    0%  {*/
    /*        -webkit-transform:rotateY(0deg);*/
    /*    }*/
    /*    100% {*/
    /*        -webkit-transform:rotateY(360deg);*/
    /*    }*/
    /*}*/
    .index-a2 {
        width: 100%;
        height: 660px;
        background: #e9f1f9;
    }
    .index-a2-box {
        width: 960px;
        margin: 0 auto;
    }
    .index-a2-fl {
        padding-top: 100px;
        width: 400px;
    }
    .index-a2-fl .index-a2-fl-ti1 {
        color: #004ea1;
        font-size: 38px;
        font-weight: bolder;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .index-a2-fl .index-a2-fl-ti2 {
        font-size: 20px;
        color: #454545;
        line-height: 20px;
        margin-bottom: 60px;
    }
    .index-a2-fl-num-list {
        display: inline-block;
        margin-bottom: 80px;
    }
    .index-a2-fl-num-ti1 {
        color: #004ea1;
        font-size: 20px;
        line-height: 36px;
    }
    .index-a2-fl-num-ti1 span {
        font-size: 38px;
        font-family: 'Rubik';
    }
    .index-a2-fl-num-ti2 {
        font-size: 16px;
        color: #222222;
        text-align: center;
    }
    .index-a2-fl-num-list:nth-child(even) {
        padding-left: 50px;
    }
    .index-a2-fl-num-ti3 {
        text-align: center;
        font-size: 16px;
        color: #696969;
    }
    .index-a2-fr {
        width: 560px;
        position: relative;
        padding-top: 135px;
    }
    .index-a2-fr-tu {
        width: 100%;
    }
    .index-a2-fr-tu img {
        width: 100%;
    }
    .index-a2-fr-ti1 {
        position: relative;
    }
    .index-a2-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background:rgba(0,0,0,.3);*/
    }
    .index-a2-ti1 {
        position: absolute;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
    .index-a2-ti1>i {
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 1);
        border-radius: 50%;
        animation: k1 3s linear infinite;
    }
    .index-a2-ti1 span {
        width: 12px;
        height: 12px;
        background: #fff;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*@keyframes k1{0%{opacity: 0;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.2);}100%{opacity: 0;transform: scale(1.4);}}*/
    @keyframes k1 {
        0% {
            transform: scale(0.5);
            opacity: 1;
        }
        100% {
            transform: scale(1.5);
            opacity: 0;
        }
    }
    .index-a2-ti1:nth-child(1) {
        right: calc(50% / 4.6);
        top: calc(50% / 3.1);
    }
    .index-a2-ti1:nth-child(2) {
        right: calc(50% / 3.9);
        top: 101px;
    }
    .index-a2-ti1:nth-child(3) {
        right: calc(50% / 2.3);
        top: 130px;
    }
    .index-a2-ti1:nth-child(4) {
        right: calc(50% / 3.5);
        top: 159px;
    }
    .index-a2-ti1:nth-child(5) {
        right: calc(50% / 3.2);
        top: 204px;
    }
    .index-a2-ti1:nth-child(6) {
        right: calc(50% / 4.3);
        top: 209px;
    }
    .index-a2-ti1:nth-child(7) {
        right:calc(50% / 5.5);
        top: 240px;
    }
    .index-a2-ti1:nth-child(8) {
        right: calc(50% / 1.05);
        top: 221px;
    }
    .index-a2-ti1:nth-child(9) {
        right: calc(50% / 2 + 17px);
        top: 254px;
    }
    .index-a2-ti1:nth-child(10) {
        right: calc(50% / 2 + 4px);
        bottom: 120px;
    }
    .index-a2-ti1:nth-child(11) {
        right: calc(50% / 2 - 108px);
        bottom: 137px;
    }
    .index-a2-ti1 div {
        display: none;
    }
    .index-a2-fr-but {
        width: 210px;
        padding: 0 10px;
        background: #fff;
        display: inline-block;
        position: absolute;
        top: 110px;
        left: calc(50% - 150px / 2);
    }
    .index-a2-fr-but-ti1 {
        font-size: 16px;
        color: #2c74b8;
        border-bottom: 2px solid #2c74b8;
        padding: 15px 0;
        line-height: 16px;
        font-weight: bolder;
    }
    .index-a2-fr-but-ti2 {
        font-size: 14px;
        color: #333333;
        padding: 10px 0;
    }
    .index-a3 {
        width: 100%;
        position: relative;
        background-image: url("../img/z89_01.jpg");
        height: 950px;
        background-size: cover;
        background-position: center center;
        overflow: hidden;
    }
    .index-a3-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 80px;
    }
    .index-a3-box .index-tit {
        margin-bottom: 85px;
    }
    .index-a3-box .index-tit .index-ti1 {
        color: #b5cfea;
    }
    .index-a3-box .index-tit .index-ti2 {
        color: #b5cfea;
    }
    .index-a3-ti1 {
        width: 1080px;
        height: 435px;
        margin: 0 auto 120px;
        position: relative;
    }
    .index-a3-list {
        position: absolute;
    }
    .index-a3-list .index-a3-list-ti1 img {
        width: 50px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
        cursor: pointer;
        transition: .3s;
    }
    @-webkit-keyframes yuan {
        0% {
            -webkit-transform: rotateY(0deg);
        }
        100% {
            -webkit-transform: rotateY(360deg);
        }
    }
    .index-a3-list .index-a3-list-ti1 img:last-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img {
        animation: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img:first-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1:hover img:last-child {
        display: block;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1.on1 img:first-child {
        display: none;
        transition: .3s;
    }
    .index-a3-list .index-a3-list-ti1.on1 img:last-child {
        display: block;
        transition: .3s;
    }
    .index-a3-list-ti2 {
        position: absolute;
        top: -70px;
        left: 0;
        transition: .6s;
        display: none;
    }
    .index-a3-list:hover .index-a3-list-ti2 {
        transition: .6s;
        left: 35px;
        display: block;
    }
    .index-a3-list-ti3 {
        width: 216px;
        position: absolute;
        top: -90px;
        left: 130px;
        display: none;
        transition: .6s;
    }
    .index-a3-list:hover .index-a3-list-ti3 {
        transition: .6s;
        display: block;
    }
    .index-a3-list-ti4 {
        color: #fff;
        font-size: 16px;
        font-style: italic;
        font-weight: bolder;
        position: absolute;
        top: 12px;
        left: 58px;
        width: 150px;
    }
    .index-a3-list:hover .index-a3-list-ti4 {
        color: #f1ac3c;
    }
   .index-a3-list:nth-child(1) {
top: 28px;
left: 540px;
}
.index-a3-list:nth-child(2) {
top: 91px;
right: 345px;
}
.index-a3-list:nth-child(3) {
top: 226px;
left: 63px;
}
.index-a3-list:nth-child(4) {
top: 146px;
left: 338px;
}
.index-a3-list:nth-child(5) {
top: 170px;
left: 562px;
}
.index-a3-list:nth-child(6) {
top: 200px;
right: -20px;
}
.index-a3-list:nth-child(7) {
bottom: 100px;
left: 197px;
}
.index-a3-list:nth-child(8) {
bottom:96px;
left: 598px;
}
.index-a3-list:nth-child(9) {
bottom: 50px;
right: -5px;
}
    .index-a3-btn {
        width: 202px;
        height: 54px;
        border: 2px solid #005aab;
        color: #005aab;
        border-radius: 27px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bolder;
        font-size: 16px;
    }
    .index-a3-btn img {
        width: 10px;
        margin-left: 20px;
    }
    .index-a4 {
        padding-top: 80px;
        width: 100%;
        background: #ebf2f9;
        overflow: hidden;
    }
    .index-a4-box {
        width: 960px;
        margin: 0 auto;
        padding-top: 70px;
    }
    .index-a4-list {
        margin-right: 10px;
    }
    .index-a4-list:nth-child(7n) {
        margin-right: 0;
    }
    .index-a4-list div {
        margin-bottom: 10px;
        width: 151px;
        height: 78px;
        box-shadow: 0 0 10px 10px #eee;
        cursor: pointer;
    }
    .index-a4-list:nth-child(1) div {
        transform: translate3d(0, 0, 0) rotateX(8deg) rotateY(29deg);
    }
    .index-a4-list:nth-child(2) div {
        /*transform:translate3d(0, 0, 0) rotateX(6deg) rotateY(29deg);*/
    }
    .container {
        height: 510px;
        position: relative;
        margin: 0 auto;
        width: 300px;
    }
    .column {
        transition: .5s;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .col-0 {
        transform: perspective(500px) translatez(850px) rotatey(36deg) translate3d(0, 0, -1500px);
    }
    .col-1,
    .moved .col-0 {
        transform: perspective(500px) translatez(850px) rotatey(24deg) translate3d(0, 0, -1500px);
    }
    .col-2,
    .moved .col-1 {
        transform: perspective(500px) translatez(850px) rotatey(12deg) translate3d(0, 0, -1500px);
    }
    .col-3,
    .moved .col-2 {
        transform: perspective(500px) translatez(850px) translate3d(0, 0, -1500px);
    }
    .col-4,
    .moved .col-3 {
        transform: perspective(500px) translatez(850px) rotatey(-12deg) translate3d(0, 0, -1500px);
    }
    .col-5,
    .moved .col-4 {
        transform: perspective(500px) translatez(850px) rotatey(-24deg) translate3d(0, 0, -1500px);
    }
    .col-6,
    .moved .col-5 {
        transform: perspective(500px) translatez(850px) rotatey(-36deg) translate3d(0, 0, -1500px);
    }
    .image {
        margin-bottom: 10px;
        overflow:hidden;
    }
    .image:hover img{
        transform:scale(1.08);
        transition:.3s;
    }
    .image img {
        width: 100%;
        transition:.3s;
    }
    .index-a5 {
        background: #e9f1f9;
        width: 100%;
    }
    .index-a5-tit {
        font-size: 33px;
        color: #333333;
        text-align: center;
        font-weight: bolder;
        padding-top: 95px;
        margin-bottom: 70px;
    }
    .index-a5-box {
        width: 100%;
    }
    .about3-a1 {
        width: 100%;
        height: 300px;
        position: relative;
        overflow: hidden;
    }
    .about3-a2 {
        width: calc(100% - 648px);
        height: 300px;
        position: relative;
    }
    .about3-a2 img {
        width: 100%;
        min-height: 100%;
    }
    .about3-a3 {
        width: 648px;
        height: 300px;
        background-image: url("../img/z94.jpg");
        background-size: cover;
    }
    .about3-a3 .about0-b1 {
        margin-bottom: 30px;
        text-align: left;
    }
    .about3-a4 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .about3-a4:after {
        content: "";
        display: block;
        clear: both;
    }
    .about3-a5 {
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative;
        float: left;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .about3-a6 {
        width: 100%;
        overflow-y: auto;
        /* height: 260px; */
    }
    .about3-a6:hover {
        overflow-y: auto;
    }
    .about3-a6::-webkit-scrollbar {
        width: 2px;
    }
    .about3-a6>div {
        font-size: 16px;
        line-height: 32px;
        color: #999999;
        transition: 0.5s;
        cursor: pointer;
    }
    .about3-a6>div.on1 {
        color: #404040;
        transition: 0.5s;
    }
    .about3-a7 {
        width: 220px;
        height:278px;
        position: absolute;
        right: calc(50% - 960px / 2);
        top:10px;
    }
    .about3-a7>div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
    }
    .about3-a7>div img {
        width: 100%;
        min-height: 100%;
        transition: 0.5s;
    }
    .about3-a7>div:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }
    .about3-a8 {
        position: absolute;
        bottom:20px;
        right: calc(50% - 960px / 2);
        font-weight: bolder;
    }
    .about3-a8>span:first-child {
        font-size: 20px;
        line-height: 20px;
        color: #404040;
    }
    .about3-a8>span:last-child {
        font-size: 16px;
        line-height: 16px;
        color: #747474;
    }
    .about3-b1 {
        display: none;
    }
    .index-a6 {
        width: 100%;
        position: relative;
    }
    .index-a6-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .index-a6-line {
        width: 488px;
        height: 242px;
        background: rgba(34, 65, 156, .92);
        margin-top: 3%;
    }
    .index-a6-ti1 {
        font-size: 50px;
        line-height: 50px;
        text-transform: uppercase;
        padding-left: 60px;
        padding-top: 10px;
        font-family: 'Oswald';
        background-image: -webkit-linear-gradient(top, rgba(181, 212, 239, .28), rgba(181, 212, 239, 0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .index-a6-ti2 {
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        font-weight: bolder;
        margin-left: 40px;
        margin-top: -20px;
    }
    .index-a6-ti3 {
        margin-left: 30px;
        margin-top: 10px;
    }
    .index-a6-ti3 img {
        width: 449px;
    }
}

@media only screen and (max-width: 1023px) {
    .index-ban {
        width: 100%;
        overflow: hidden;
    }
    .index-ban .swiper {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .index-ban .swiper-pagination {
        bottom: .25rem;
    }
    .index-ban .swiper-pagination-bullet {
        width: .02rem;
        height: .2rem;
        background: #fff;
        border-radius: initial;
        opacity: 1;
    }
    .index-ban .swiper-pagination-bullet-active {
        height: .4rem;
    }
    .index-ban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 .1rem;
    }
    .index-ban .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .index-ban .swiper-slide img {
        width: 100%;
        height: 100%;
    }
    .index-a1 {
        width: 100%;
        height: 9.4rem;
        background-image: linear-gradient(to top, #002c69, #eaf5ff);
        padding: .9rem 0 0;
    }
    .index-tit {
        text-align: center;
    }
    .index-ti1 {
        font-size: .44rem;
        color: #333333;
        line-height: .44rem;
        margin-bottom: .2rem;
        font-weight: bolder;
    }
    .index-ti2 {
        font-size: .28rem;
        line-height: .28rem;
        color: #454545;
    }
    .index-a1-video {
        width: 100%;
        position: relative;
        padding: 0 .3rem;
    }
    .index-a1-video-img {
        width: 100%;
        margin-top: .6rem;
    }
    .index-a1-video-img img {
        width: 100%;
    }
    .index-a1-video-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: .66rem;
        height: .66rem;
    }
    .index-a1-bot img {
        width: 100%;
    }
    .index-a2 {
        width: 100%;
        background: #e9f1f9;
        padding-bottom: .7rem;
    }
    .index-a2-box {
        width: 100%;
        padding: 0 .3rem;
    }
    .index-a2-fl {
        padding-top: .8rem;
        width: 100%;
    }
    .index-a2-fl .index-a2-fl-ti1 {
        color: #004ea1;
        font-size: .44rem;
        font-weight: bolder;
        line-height: .44rem;
        margin-bottom: .3rem;
        text-align: center;
    }
    .index-a2-fl .index-a2-fl-ti2 {
        font-size: .3rem;
        color: #454545;
        line-height: .3rem;
        margin-bottom: .9rem;
        text-align: center;
    }
    .index-a2-fl-num-list {
        display: inline-block;
        margin-bottom: .7rem;
        width: 50%;
    }
    .index-a2-fl-num-ti1 {
        color: #004ea1;
        font-size: .26rem;
        line-height: .52rem;
    }
    .index-a2-fl-num-ti1 span {
        font-size: .52rem;
        font-family: 'Rubik';
    }
    .index-a2-fl-num-ti2 {
        font-size: .28rem;
        color: #222222;
    }
    .index-a2-fl-num-ti3 {
        font-size: .26rem;
        color: #696969;
    }
    .index-a2-fr {
        width: 100%;
        position: relative;
    }
    .index-a2-fr>div img {
        width: 100%;
    }
    .index-a2-fr-but {
        display: none;
    }
    .index-a3 {
        width: 100%;
        position: relative;
        background-image: url("../img/z105.jpg");
        height: 9.02rem;
        background-size: cover;
        background-position: center center;
    }
    .index-a3-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 1rem;
    }
    .index-a3-box .index-tit {
        margin-bottom: 1.7rem;
    }
    .index-a3-box .index-tit .index-ti1 {
        color: #b5cfea;
    }
    .index-a3-box .index-tit .index-ti2 {
        color: #b5cfea;
    }
    .index-a3-ti1 {
        width: 100%;
        height: 2.5rem;
        margin: 0 auto 1.2rem;
        position: relative;
    }
    .index-a3-list {
        position: absolute;
    }
    .index-a3-list .index-a3-list-ti1 img {
        width: .38rem;
    }
    .index-a3-list .index-a3-list-ti1 img:last-child {
        display: none;
    }
    .index-a3-list-ti2 {
        display: none;
    }
    .index-a3-list-ti3 {
        display: none;
    }
    .index-a3-list-ti4 {
        display: none;
    }
    .index-a3-list:hover .index-a3-list-ti4 {
        color: #f1ac3c;
    }
    .index-a3-list:nth-child(1) {
        top: -.1rem;
        left: 50%;
        transform: translate(-50%);
    }
    .index-a3-list:nth-child(2) {
        top: .46rem;
        right: calc(100% / 3);
    }
    .index-a3-list:nth-child(3) {
        top: 1.02rem;
        left: .6rem;
    }
    .index-a3-list:nth-child(4) {
        top: 1rem;
        left: calc(100% / 2.6);
    }
    .index-a3-list:nth-child(5) {
        top: 1rem;
        left: calc(100% / 1.8);
    }
    .index-a3-list:nth-child(6) {
        top: .9rem;
        right: .5rem;
    }
    .index-a3-list:nth-child(7) {
        bottom: .6rem;
        left: calc(100% / 5.2);
    }
    .index-a3-list:nth-child(8) {
        bottom: .3rem;
        right: calc(100% / 2.6);
    }
    .index-a3-list:nth-child(9) {
        bottom: .6rem;
        right: .4rem;
    }
    .index-a3-btn {
        width: 2.56rem;
        height: .7rem;
        border: .02rem solid #005aab;
        color: #005aab;
        border-radius: .3rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bolder;
        font-size: .28rem;
    }
    .index-a3-btn img {
        width: .18rem;
        margin-left: .2rem;
    }
    .popub {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        display: none;
        z-index: 9;
    }
    .ind-a3-pop {
        width: 92%;
        margin: 50% auto 0;
        padding: .5rem .3rem;
        text-align: center;
        background: #fff;
        font-size: .3rem;
    }
    .ind-a3-pop .ind-a3-img img {
        display: block;
        margin: 0 auto .3rem;
    }
    .index-a4 {
        padding-top: .8rem;
        width: 100%;
        background: #ebf2f9;
    }
    .container {
        width: 100%;
        padding: .5rem .3rem;
        /*display:flex;*/
    }
    .column {
        display: inline-block;
    }
    .image {
        width: 1.6rem;
    }
    .image img {
        width: 100%;
    }
    /*.container {*/
    /*    height:10rem;*/
    /*    position: relative;*/
    /*    margin: 0 auto;*/
    /*    width:5rem;*/
    /*    margin-left: 2.2rem;*/
    /*}*/
    /*.column {*/
    /*    transition: .5s;*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*}*/
    /*.col-0 {*/
    /*    transform: perspective(5rem) translatez(15rem) rotatey(20deg) translate3d(0,0,-24rem);*/
    /*}*/
    /*.col-1, .moved .col-0 {*/
    /*    transform: perspective(5rem) translatez(15rem) rotatey(10deg) translate3d(0,0,-24rem);*/
    /*}*/
    /*.col-2, .moved .col-1 {*/
    /*    transform: perspective(5rem) translatez(15rem) translate3d(0,0,-24rem);*/
    /*}*/
    /*.col-3, .moved .col-2 {*/
    /*    transform: perspective(5rem) translatez(15rem) rotatey(-10deg) translate3d(0,0,-24rem);*/
    /*}*/
    .image {
        margin-bottom: .1rem;
        display: inline-block;
        overflow:hidden;
    }
    .image:hover img{
        transform:scale(1.08);
        transition:.3s;
    }
    .image img {
        transition:.3s;
        width: 100%;
    }
    .index-a5 {
        width: 100%;
        background-image: url("../img/z106.jpg");
        height:15rem;
        background-size: 100% 100%;
    }
    .index-a5-tit {
        font-size: .44rem;
        color: #333333;
        text-align: center;
        font-weight: bolder;
        padding-top: 1rem;
        margin-bottom: .65rem;
    }
    .index-a5-box {
        width: 100%;
    }
    .about3-b3 {
        width: 100%;
        height:13rem;
        position: relative;
        overflow: hidden;
    }
    .about311 {
        width: 100%!important;
        height: 100%!important;
        position: relative;
    }
    .about311 .swiper-slide {
        width: 100%!important;
        height: 100%!important;
        position: relative;
    }
    .about3-b4 {
        width: 100%;
        padding: 0 0.35rem;
        position: relative;
    }
    .about3-b4 img {
        width: 100%;
        min-height: 100%;
    }
    .about3-b5 {
        width: 100%;
        height:10.32rem;
        position: relative;
        margin-bottom: 0.42rem;
    }
    .about3-b6 {
        width: 100%;
        font-size: 0.32rem;
        line-height: 0.5rem;
        color: #676767;
        text-align: center;
    }
    .about3-b7 {
        width: 100%;
        position: absolute;
        bottom: 0.84rem;
        left: 0;
        text-align: center;
    }
    .about3-b7>span:first-child {
        font-size: 0.48rem;
        line-height: 0.44rem;
        color: #404040;
    }
    .about3-b7>span:last-child {
        font-size: 0.3rem;
        line-height: 0.44rem;
        color: #747474;
    }
    .index-a6 {
        width: 100%;
        position: relative;
    }
    .index-a6-box {
        width: 100%;
    }
    .index-a6-line {
        width: 100%;
        height: 5.38rem;
        background: #22419c;
        padding: .4rem .3rem 0;
    }
    .index-a6-ti1 {
        font-size: 1.2rem;
        line-height: 1.2rem;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Oswald';
        background-image: -webkit-linear-gradient(top, rgba(181, 212, 239, .28), rgba(181, 212, 239, 0));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .index-a6-ti2 {
        font-size: .38rem;
        line-height: .38rem;
        text-align: center;
        color: #fff;
        font-weight: bolder;
        margin-top: -.3rem;
    }
    .index-a6-ti3 img {
        width: 100%;
        padding-top: .5rem;
    }
}

@media only screen and (min-width: 1600px){
    .index-a3-list:nth-child(1) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(1) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(2) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(2) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2{
        top: -228px;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti3{
        top: -210px;
        left:142px;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2{
        top: -240px;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti3{
        top: -230px;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2{
        top: -235px;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti3{
        top: -248px;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2{
        top: -317px;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti3{
        top: -320px;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2{
        top: -322px;
        left: 29px;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti3{
        top: -325px;
        left: 142px;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2{
        top: -236px;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti3{
        top: -217px;
    }
}
@media only screen and (max-width: 1599px) and (min-width: 1400px){
    .index-a3-list:nth-child(1) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(1) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(2) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(2) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img{
        transform: rotateY(180deg);
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img{
        transform: rotateY(180deg);
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2{
        top: -221px;
        left: 20px;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti3{
        top: -210px;
        left:130px;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2{
        top: -221px;
        left: 22px;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti3{
        top: -230px;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2{
        top: -236px;
        left: 19px;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti3{
        top: -233px;
        left: 136px;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2{
        top: -70px;
        left: -131px;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti3{
        top: -186px;
        left: -240px;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2{
        top: -322px;
        left: 20px;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti3{
        top: -340px;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2{
        top: -321px;
        left: 20px;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti3{
        top: -339px;
        left: 175px;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2{
        top: -241px;
        left: -137px;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti3{
        top: -330px;
        left: -281px;
    }
}
@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .index-a3-list:nth-child(1) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(1) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(2) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(2) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2 img{
        transform: rotateY(180deg);
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img{
        transform: rotateY(180deg);
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2 img:nth-child(3){
        display:none;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img:nth-child(1){
        display:none;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2 img:nth-child(2){
        display:none;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti2{
        top: -231px;
        left: 20px;
    }
    .index-a3-list:nth-child(3) .index-a3-list-ti3{
        top: -210px;
        left:110px;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti2{
        top: -221px;
        left: 21px;
    }
    .index-a3-list:nth-child(4) .index-a3-list-ti3{
        top: -230px;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti2{
        top: -239px;
        left: 20px;
    }
    .index-a3-list:nth-child(5) .index-a3-list-ti3{
        top: -221px;
        left: 116px;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti2{
        top: -72px;
        left: -138px;
    }
    .index-a3-list:nth-child(6) .index-a3-list-ti3{
        top: -170px;
        left: -206px;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti2{
        top: -322px;
        left: 20px;
    }
    .index-a3-list:nth-child(7) .index-a3-list-ti3{
        top: -340px;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti2{
        top: -325px;
        left: 20px;
    }
    .index-a3-list:nth-child(8) .index-a3-list-ti3{
        top: -339px;
        left: 157px;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti2{
        top: -241px;
        left: -139px;
    }
    .index-a3-list:nth-child(9) .index-a3-list-ti3{
        top: -339px;
        left: -233px;
    }
}

/*产品列表*/

@media only screen and (min-width: 1600px) {
    .ba {
        width: 100%;
        background: #f6f9fd;
        border-top: 1px solid #eceff3;
        border-bottom: 1px solid #e9f1f9;
        padding-bottom: 140px;
    }
    .sec-nav {
        width: 1440px;
        padding: 45px 0;
        margin: 0 auto;
    }
    .sec-nav-fl {
        font-size: 18px;
        color: #004ea1;
        font-weight: bolder;
    }
    .sec-fr img {
        display: inline-block;
        vertical-align: text-top;
        margin-right: 8px;
    }
    .sec-fr {
        font-size: 16px;
        color: #8a8a8a;
    }
    .products {
        width: 1440px;
        margin: 0 auto;
    }
    .products-list {
        width: 453px;
        overflow: hidden;
        cursor: pointer;
        margin-right: 40px;
        margin-bottom: 70px;
    }
    .products-list:nth-child(3n) {
        margin-right: 0;
    }
    .products-list-img {
        width: 453px;
        height: 305px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        overflow: hidden;
    }
    .products-list-img img {
        width: 386px;
        transition: .3s;
        /*height: 214px;*/
    }
    .products-list:hover .products-list-img img {
        transform: scale(1.06);
        transition: .3s;
    }
    .products-list .to1 {
        background: #d9e8f8;
        width: 100%;
        height: 102px;
        padding: 0 34px;
        line-height: 102px;
        font-size: 18px;
        color: #454545;
        transition: .3s;
        font-weight: bolder;
    }
    .products-list:hover .to1 {
        transition: .3s;
        background: #004ea2;
        color: #fff;
    }
    .page {
        width: 1440px;
        margin: 0 auto 55px;
        display: flex;
        justify-content: center;
    }
    .page a {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid #e9f1f9;
        line-height: 50px;
        text-align: center;
        margin: 0 12px;
        font-size: 16px;
        color: #0451a2;
    }
    .page a.page-on {
        width: 88px;
    }
    .page a.ac {
        background-color: #0451a2;
        color: #fff;
        border: none;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .ba {
        width: 100%;
        background: #f6f9fd;
        border-top: 1px solid #eceff3;
        border-bottom: 1px solid #e9f1f9;
        padding-bottom: 130px;
    }
    .sec-nav {
        width: 1280px;
        padding: 35px 0;
        margin: 0 auto;
    }
    .sec-nav-fl {
        font-size: 18px;
        color: #004ea1;
        font-weight: bolder;
    }
    .sec-fr img {
        display: inline-block;
        vertical-align: text-top;
        margin-right: 8px;
    }
    .sec-fr {
        font-size: 16px;
        color: #8a8a8a;
    }
    .products {
        width: 1280px;
        margin: 0 auto;
    }
    .products-list {
        width: 400px;
        overflow: hidden;
        cursor: pointer;
        margin-right: 40px;
        margin-bottom: 60px;
    }
    .products-list:nth-child(3n) {
        margin-right: 0;
    }
    .products-list-img {
        width: 400px;
        height: 265px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        overflow: hidden;
    }
    .products-list-img img {
        width: 345px;
        transition: .3s;
        /*height: 192px;*/
    }
    .products-list:hover .products-list-img img {
        transform: scale(1.06);
        transition: .3s;
    }
    .products-list .to1 {
        background: #d9e8f8;
        width: 100%;
        height: 90px;
        padding: 0 30px;
        line-height: 90px;
        font-size: 18px;
        color: #454545;
        transition: .3s;
        font-weight: bolder;
    }
    .products-list:hover .to1 {
        transition: .3s;
        background: #004ea2;
        color: #fff;
    }
    .page {
        width: 1280px;
        margin: 0 auto 50px;
        display: flex;
        justify-content: center;
    }
    .page a {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid #e9f1f9;
        line-height: 50px;
        text-align: center;
        margin: 0 12px;
        font-size: 16px;
        color: #0451a2;
    }
    .page a.page-on {
        width: 88px;
    }
    .page a.ac {
        background-color: #0451a2;
        color: #fff;
        border: none;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .ba {
        width: 100%;
        background: #f6f9fd;
        border-top: 1px solid #eceff3;
        border-bottom: 1px solid #e9f1f9;
        padding-bottom: 120px;
    }
    .sec-nav {
        width: 960px;
        padding: 25px 0;
        margin: 0 auto;
    }
    .sec-nav-fl {
        font-size: 16px;
        color: #004ea1;
        font-weight: bolder;
    }
    .sec-fr img {
        display: inline-block;
        vertical-align: text-top;
        margin-right: 8px;
    }
    .sec-fr {
        font-size: 14px;
        color: #8a8a8a;
    }
    .products {
        width: 960px;
        margin: 0 auto;
    }
    .products-list {
        width: 300px;
        overflow: hidden;
        cursor: pointer;
        margin-right: 30px;
        margin-bottom: 50px;
    }
    .products-list:nth-child(3n) {
        margin-right: 0;
    }
    .products-list-img {
        width: 300px;
        height: 225px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        overflow: hidden;
    }
    .products-list-img img {
        width: 288px;
        transition: .3s;
        /*height: 160px;*/
    }
    .products-list:hover .products-list-img img {
        transform: scale(1.06);
        transition: .3s;
    }
    .products-list .to1 {
        background: #d9e8f8;
        width: 100%;
        height: 70px;
        padding: 0 20px;
        line-height: 70px;
        font-size: 16px;
        color: #454545;
        transition: .3s;
        font-weight: bolder;
    }
    .products-list:hover .to1 {
        transition: .3s;
        background: #004ea2;
        color: #fff;
    }
    .page {
        width: 960px;
        margin: 0 auto 50px;
        display: flex;
        justify-content: center;
    }
    .page a {
        display: inline-block;
        width: 42px;
        height: 42px;
        border: 1px solid #e9f1f9;
        line-height: 42px;
        text-align: center;
        margin: 0 12px;
        font-size: 14px;
        color: #0451a2;
    }
    .page a.page-on {
        width: 80px;
    }
    .page a.ac {
        background-color: #0451a2;
        color: #fff;
        border: none;
    }
}

@media only screen and (max-width: 1023px) {
    .ba {
        width: 100%;
        background: #f6f9fd;
        padding-bottom: 1rem;
        padding-top: .5rem;
    }
    .sec-nav {
        width: 100%;
        padding: .4rem .7rem;
    }
    .sec-nav-fl {
        font-size: .3rem;
        color: #004ea1;
        font-weight: bolder;
    }
    .products {
        width: 100%;
        padding: 0 .7rem;
    }
    .products-list {
        width: 100%;
        overflow: hidden;
        margin-bottom: .55rem;
    }
    .products-list-img {
        width: 100%;
        height: 4.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        overflow: hidden;
        border: 1px solid #d9e8f8;
        border-bottom: none;
    }
    .products-list-img img {
        width:100%;
        /*width: 5.55rem;*/
        transition: .3s;
        /*height: 3.55rem;*/
    }
    .products-list .to1 {
        background: #d9e8f8;
        width: 100%;
        height: 1.05rem;
        line-height: 1.05rem;
        font-size: .3rem;
        color: #454545;
        text-align: center;
        font-weight: bolder;
    }
    .more {
        width: 2.6rem;
        height: .72rem;
        border: 1px solid #0057a9;
        border-radius: .35rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #0057a9;
        font-weight: bolder;
        margin: 0 auto .5rem;
    }
    .more img {
        width: .16rem;
        margin-left: .16rem;
    }
}


/*联系我们*/

@media only screen and (min-width: 1600px) {
    .sec-ban {
        width: 100%;
        position: relative;
    }
    .sec-ban-a1 {
        width: 100%;
    }
    .sec-ban-a2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .sec-ban-a3 {
        width: 1440px;
        height: 100%;
        margin: 0 auto;
        padding-top: 205px;
    }
    .sec-ban-a4 {
        font-size: 44px;
        color: #fff;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .sec-ban-a5 {
        width: 40px;
        height: 5px;
        background: #22477d;
    }
    .nav-con {
        width: 100%;
        height: 78px;
        background: #fff;
        line-height: 78px;
        margin-bottom: 2px;
    }
    .con-nav-box {
        width: 1440px;
        margin: 0 auto;
        height: 100%;
    }
    .nav-con-list {
        line-height: 78px;
        color: #454545;
        font-weight: bolder;
        font-size: 18px;
        /*border-bottom: 2px solid #004ea1;*/
        display: inline-block;
    }
    .con-a1 {
        width: 100%;
        background: #f9f9f9;
        height: 580px;
    }
    .con-a1-fl {
        width: 1082px;
        padding-left: calc(50% - 1440px / 2);
        padding-top: 105px;
    }
    .con-a1-fl-ti1 {
        font-size: 36px;
        color: #0854a4;
        font-weight: bolder;
        margin-bottom: 25px;
        line-height: 36px;
    }
    .con-a1-fl-ti2 {
        font-size: 18px;
        color: #555555;
        line-height: 18px;
        margin-bottom: 70px;
    }
    .con-a1-fl-ti3 {
        font-size: 26px;
        color: #535353;
        font-weight: bolder;
        margin-bottom: 50px;
    }
    .con-a1-fl-ti3 span {
        font-size: 16px;
        color: #9a9a9a;
        font-weight: normal;
        margin-left: 20px;
    }
    .con-a1-fl-ti4 {
        width: 660px;
        font-size: 16px;
        color: #454545;
        line-height: 42px;
    }
    .con-a1-fr {
        width: calc(100% - 1082px);
        height: 100%;
        overflow: hidden;
    }
    .con-a1-fr:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .con-a1-fr img {
        transition: .3s;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .sec-ban {
        width: 100%;
        position: relative;
    }
    .sec-ban-a1 {
        width: 100%;
    }
    .sec-ban-a2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .sec-ban-a3 {
        width: 1280px;
        height: 100%;
        margin: 0 auto;
        padding-top: 150px;
    }
    .sec-ban-a4 {
        font-size: 42px;
        color: #fff;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .sec-ban-a5 {
        width: 40px;
        height: 5px;
        background: #22477d;
    }
    .nav-con {
        width: 100%;
        height: 78px;
        background: #fff;
        line-height: 78px;
    }
    .con-nav-box {
        width: 1280px;
        margin: 0 auto;
        height: 100%;
    }
    .nav-con-list {
        line-height: 78px;
        color: #454545;
        font-weight: bolder;
        font-size: 18px;
        /*border-bottom: 2px solid #004ea1;*/
        display: inline-block;
    }
    .con-a1 {
        width: 100%;
        background: #f9f9f9;
        height: 550px;
    }
    .con-a1-fl {
        width: 800px;
        padding-left: calc(50% - 1280px / 2);
        padding-top: 105px;
    }
    .con-a1-fl-ti1 {
        font-size: 36px;
        color: #0854a4;
        font-weight: bolder;
        margin-bottom: 25px;
        line-height: 36px;
    }
    .con-a1-fl-ti2 {
        font-size: 18px;
        color: #555555;
        line-height: 18px;
        margin-bottom: 70px;
    }
    .con-a1-fl-ti3 {
        font-size: 26px;
        color: #535353;
        font-weight: bolder;
        margin-bottom: 50px;
    }
    .con-a1-fl-ti3 span {
        font-size: 16px;
        color: #9a9a9a;
        font-weight: normal;
        margin-left: 20px;
    }
    .con-a1-fl-ti4 {
        width: 660px;
        font-size: 16px;
        color: #454545;
        line-height: 42px;
    }
    .con-a1-fr {
        width: calc(100% - 800px);
        height: 100%;
        overflow: hidden;
    }
    .con-a1-fr:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .con-a1-fr img {
        transition: .3s;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .sec-ban {
        width: 100%;
        position: relative;
    }
    .sec-ban-a1 {
        width: 100%;
    }
    .sec-ban-a2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .sec-ban-a3 {
        width: 960px;
        height: 100%;
        margin: 0 auto;
        padding-top: 100px;
    }
    .sec-ban-a4 {
        font-size: 38px;
        color: #fff;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .sec-ban-a5 {
        width: 36px;
        height: 5px;
        background: #22477d;
    }
    .nav-con {
        width: 100%;
        height: 72px;
        background: #fff;
        line-height: 72px;
    }
    .con-nav-box {
        width: 960px;
        margin: 0 auto;
        height: 100%;
    }
    .nav-con-list {
        line-height: 72px;
        color: #454545;
        font-weight: bolder;
        font-size: 16px;
        /*border-bottom: 2px solid #004ea1;*/
        display: inline-block;
    }
    .con-a1 {
        width: 100%;
        background: #f9f9f9;
        height: 500px;
    }
    .con-a1-fl {
        width: 700px;
        padding-left: calc(50% - 960px / 2);
        padding-top: 105px;
    }
    .con-a1-fl-ti1 {
        font-size: 32px;
        color: #0854a4;
        font-weight: bolder;
        margin-bottom: 20px;
        line-height: 32px;
    }
    .con-a1-fl-ti2 {
        font-size: 16px;
        color: #555555;
        line-height: 16px;
        margin-bottom: 60px;
    }
    .con-a1-fl-ti3 {
        font-size: 24px;
        color: #535353;
        font-weight: bolder;
        margin-bottom: 40px;
    }
    .con-a1-fl-ti3 span {
        font-size: 14px;
        color: #9a9a9a;
        font-weight: normal;
        margin-left: 20px;
    }
    .con-a1-fl-ti4 {
        font-size: 16px;
        color: #454545;
        line-height: 42px;
    }
    .con-a1-fr {
        width: calc(100% - 800px);
        height: 100%;
        overflow: hidden;
    }
    .con-a1-fr:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .con-a1-fr img {
        transition: .3s;
    }
}

@media only screen and (max-width: 1023px) {
    .sec-ban {
        width: 100%;
        position: relative;
    }
    .sec-ban-a1 {
        width: 100%;
        height: 4.57rem;
    }
    .sec-ban-a2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .sec-ban-a3 {
        display: none;
    }
    .nav-con {
        width: 100%;
        height: 1rem;
        background: #fff;
        line-height: 1rem;
        margin-bottom: .4rem;
    }
    .con-nav-box {
        width: 100%;
        margin: 0 auto;
        height: 100%;
        padding: 0 .3rem;
        white-space: nowrap;
        overflow-x: auto;
    }
    .nav-con-list {
        line-height: .95rem;
        color: #454545;
        font-weight: bolder;
        font-size: .28rem;
        /*border-bottom: 2px solid #004ea1;*/
        display: inline-block;
    }
    .con-a1 {
        width: 100%;
        background: #f9f9f9;
        padding: 0 .3rem;
    }
    .con-a1-fl {
        width: 100%;
        padding-top: .98rem;
        padding-bottom: .7rem;
    }
    .con-a1-fl-ti1 {
        font-size: .36rem;
        color: #0854a4;
        font-weight: bolder;
        margin-bottom: .25rem;
        line-height: .36rem;
    }
    .con-a1-fl-ti2 {
        font-size: .26rem;
        color: #555555;
        line-height: .26rem;
        margin-bottom: .7rem;
    }
    .con-a1-fl-ti3 {
        font-size: .28rem;
        color: #535353;
        font-weight: bolder;
        margin-bottom: .3rem;
    }
    .con-a1-fl-ti3 span {
        font-size: .22rem;
        color: #9a9a9a;
        font-weight: normal;
        margin-left: .2rem;
    }
    .con-a1-fl-ti4 {
        width: 100%;
        font-size: .28rem;
        color: #454545;
        line-height: .42rem;
    }
    .con-a1-fl-ti4>div {
        width: 100%;
    }
    .con-a1-fr {
        display: none;
    }
}

@media only screen and (min-width: 1600px) {
    .con-a2 {
        padding-top: 85px;
        width: 1440px;
        margin: 0 auto 70px;
        position: relative;
    }
    .con-a2 .swiper {
        width: 100%;
        overflow: hidden;
        height: 60px;
    }
    .con-a2 .swiper .swiper-slide {
        width: 200px !important;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        color: #454545;
        height: 60px;
        line-height: 60px;
    }
    .con-a2 .swiper-button-next,
    .con-a2 .swiper-button-prev {
        margin: 0;
    }
    .con-a2 .swiper-button-next {
        right: -37px;
        background-image: url("../img/z14.png");
        width: 13px;
        height: 22px;
        background-size: 100% 100%;
        top: 105px;
    }
    .con-a2 .swiper-button-prev1 {
        left: -37px;
        background-image: url("../img/z13.png");
        width: 13px;
        height: 22px;
        background-size: 100% 100%;
        top: 105px;
    }
    .con-a2 .swiper-slide.ac {
        background: #f0f9ff;
    }
    /* .con-a2 .swiper-slide-active {
        background: #f0f9ff;
    } */
    .con-a3 {
        width: 1440px;
        margin: 0 auto 145px;
    }
    .con-a4 {
        width: 100%;
        overflow: hidden;
    }
    .con-a4 .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .con-a4 .swiper-slide>div {
        width: 100%;
        height: 100%;
    }
    .con-a4>div {
        width: 100%;
        height: 547px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .con-a2 {
        padding-top: 75px;
        width: 1280px;
        margin: 0 auto 60px;
        position: relative;
    }
    .con-a2 .swiper {
        width: 100%;
        overflow: hidden;
        height: 60px;
    }
    .con-a2 .swiper .swiper-slide {
        width: 200px !important;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        color: #454545;
        height: 60px;
        line-height: 60px;
    }
    .con-a2 .swiper-button-next,
    .con-a2 .swiper-button-prev {
        margin: 0;
    }
    .con-a2 .swiper-button-next {
        right: -37px;
        background-image: url("../img/z14.png");
        width: 13px;
        height: 22px;
        background-size: 100% 100%;
        top: 96px;
    }
    .con-a2 .swiper-button-prev1 {
        left: -37px;
        background-image: url("../img/z13.png");
        width: 13px;
        height: 22px;
        background-size: 100% 100%;
        top: 96px;
    }
    .con-a2 .swiper-slide.ac {
        background: #f0f9ff;
    }
    /* .con-a2 .swiper-slide-active {
        background: #f0f9ff;
    } */
    .con-a3 {
        width: 1280px;
        margin: 0 auto 130px;
    }
    .con-a4 {
        width: 100%;
        overflow: hidden;
    }
    .con-a4 .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .con-a4 .swiper-slide>div {
        width: 100%;
        height: 100%;
    }
    .con-a4>div {
        width: 100%;
        height: 500px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .con-a2 {
        padding-top: 65px;
        width: 920px;
        margin: 0 auto 50px;
        position: relative;
    }
    .con-a2 .swiper {
        width: 100%;
        overflow: hidden;
        height: 56px;
    }
    .con-a2 .swiper .swiper-slide {
        width: 200px !important;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        color: #454545;
        height: 56px;
        line-height: 56px;
    }
    .con-a2 .swiper-button-next,
    .con-a2 .swiper-button-prev {
        margin: 0;
    }
    .con-a2 .swiper-button-next {
        right: -37px;
        background-image: url("../img/z14.png");
        width: 13px;
        height: 22px;
        background-size: 100% 100%;
        top: 83px;
    }
    .con-a2 .swiper-button-prev1 {
        left: -37px;
        background-image: url("../img/z13.png");
        width: 13px;
        height: 22px;
        background-size: 100% 100%;
        top: 83px;
    }
    .con-a2 .swiper-slide.ac {
        background: #f0f9ff;
    }
    /* .con-a2 .swiper-slide-active {
        background: #f0f9ff;
    } */
    .con-a3 {
        width: 960px;
        margin: 0 auto 120px;
    }
    .con-a4 {
        width: 100%;
        overflow: hidden;
    }
    .con-a4 .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .con-a4 .swiper-slide>div {
        width: 100%;
        height: 100%;
    }
    .con-a4>div {
        width: 100%;
        height: 460px;
    }
}

@media only screen and (max-width: 1023px) {
    .con-a2 {
        padding-top: .85rem;
        width: 100%;
        margin: 0 auto .7rem;
        position: relative;
    }
    .con-a2 .swiper {
        width: 5.05rem;
        overflow: hidden;
        height: .9rem;
        margin: 0 auto;
    }
    .con-a2 .swiper .swiper-slide {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        font-size: .28rem;
        color: #454545;
        height: .9rem;
        line-height: .9rem;
    }
    .con-a2 .swiper-button-next,
    .con-a2 .swiper-button-prev {
        margin: 0;
    }
    .con-a2 .swiper-button-next {
        right: .3rem;
        background-image: url(../img/z14.png);
        width: .26rem;
        background-size: 100% 100%;
        top: 1.12rem;
        height: .44rem;
        outline: none;
    }
    .con-a2 .swiper-button-prev1 {
        left: .3rem;
        background-image: url("../img/z13.png");
        width: .26rem;
        background-size: 100% 100%;
        top: 1.12rem;
        height: .44rem;
        outline: none;
    }
    .con-a2 .swiper-slide.swiper-slide-active {
        background: #f0f9ff;
    }
    /* .con-a2 .swiper-slide-active {
        background: #f0f9ff;
    } */
    .con-a3 {
        width: 100%;
        padding: 0 .3rem;
        margin: 0 auto 1.3rem;
    }
    .con-a4 {
        width: 100%;
        overflow: hidden;
    }
    .con-a4 .swiper-slide {
        width: 100%;
        height: 100%;
    }
    .con-a4 .swiper-slide>div {
        width: 100%;
        height: 100%;
    }
    .con-a4>div {
        width: 100%;
        height: 3.86rem;
    }
}


/*新闻详情*/

@media only screen and (min-width: 1600px) {
    .ba-nobor {
        border: none;
    }
    .news-del {
        width: 1440px;
        margin: 0 auto;
        padding: 65px 45px;
        background: #fff;
    }
    .news-del-ti1 {
        font-size: 28px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .news-del-ti2 {
        font-size: 16px;
        color: #004ea1;
        padding-bottom: 45px;
    }
    .news-del-ti3 {
        font-size: 16px;
        color: #656565;
        line-height: 42px;
    }
    .news-del-ti3 p,
    .news-del-ti3 span {
        font-size: 16px;
        color: #656565;
    }
    .news-del-a1 {
        border-bottom: 1px solid #eee;
        padding: 0 35px;
    }
    .news-del-ti3 {
        padding: 45px 35px;
    }
    .news-del-ti4 {
        width: 100%;
        height: 80px;
        background: #f8f8f8;
        margin-bottom: 150px;
    }
    .news-del-ti4>a {
        display: inline-block;
        width: 50%;
        text-align: center;
        line-height: 80px;
        color: #454545;
        font-size: 16px;
    }
    .news-del-ti5 {
        color: #555555;
        font-size: 24px;
        font-weight: bolder;
        padding-bottom: 35px;
    }
    .news-del-ti6 {
        width: 100%;
    }
    .news-del-ti7 {
        width: 660px;
        border: 1px solid #e9f1f9;
        padding: 30px 25px;
        margin-right: 30px;
    }
    .news-del-ti7:nth-child(2n) {
        margin-right: 0;
    }
    .news-del-ti7-fl {
        width: 190px;
        height: 122px;
    }
    .news-del-ti7-fr {
        width: 385px;
        margin-left: 22px;
        padding-top: 18px;
    }
    .news-del-ti7-fr span {
        font-size: 18px;
        display: block;
        color: #004ea1;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .news-del-ti7-fr .to2 {
        font-size: 18px;
        color: #454545;
        font-weight: bolder;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .ba-nobor {
        border: none;
    }
    .news-del {
        width: 1280px;
        margin: 0 auto;
        padding: 55px 35px;
        background: #fff;
    }
    .news-del-ti1 {
        font-size: 28px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .news-del-ti2 {
        font-size: 16px;
        color: #004ea1;
        padding-bottom: 45px;
    }
    .news-del-ti3 {
        font-size: 16px;
        color: #656565;
        line-height: 42px;
    }
    .news-del-ti3 p,
    .news-del-ti3 span {
        font-size: 16px;
        color: #656565;
    }
    .news-del-a1 {
        border-bottom: 1px solid #eee;
        padding: 0 35px;
    }
    .news-del-ti3 {
        padding: 35px 25px;
    }
    .news-del-ti4 {
        width: 100%;
        height: 80px;
        background: #f8f8f8;
        margin-bottom: 150px;
    }
    .news-del-ti4>a {
        display: inline-block;
        width: 50%;
        text-align: center;
        line-height: 80px;
        color: #454545;
        font-size: 16px;
    }
    .news-del-ti5 {
        color: #555555;
        font-size: 24px;
        font-weight: bolder;
        padding-bottom: 35px;
    }
    .news-del-ti6 {
        width: 100%;
    }
    .news-del-ti7 {
        width: 590px;
        border: 1px solid #e9f1f9;
        padding: 30px 25px;
        margin-right: 30px;
    }
    .news-del-ti7:nth-child(2n) {
        margin-right: 0;
    }
    .news-del-ti7-fl {
        width: 160px;
        height: 111px;
    }
    .news-del-ti7-fr {
        width: 343px;
        margin-left: 22px;
        padding-top: 15px;
    }
    .news-del-ti7-fr span {
        font-size: 18px;
        display: block;
        color: #004ea1;
        font-weight: bolder;
        margin-bottom: 10px;
    }
    .news-del-ti7-fr .to2 {
        font-size: 18px;
        color: #454545;
        font-weight: bolder;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .ba-nobor {
        border: none;
    }
    .news-del {
        width: 960px;
        margin: 0 auto;
        padding: 45px 25px;
        background: #fff;
    }
    .news-del-ti1 {
        font-size: 26px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .news-del-ti2 {
        font-size: 16px;
        color: #004ea1;
        padding-bottom: 45px;
    }
    .news-del-ti3 {
        font-size: 14px;
        color: #656565;
        line-height: 38px;
    }
    .news-del-ti3 p,
    .news-del-ti3 span {
        font-size: 14px;
        color: #656565;
    }
    .news-del-a1 {
        border-bottom: 1px solid #eee;
        padding: 0 30px;
    }
    .news-del-ti3 {
        padding: 30px 20px;
    }
    .news-del-ti4 {
        width: 100%;
        height: 62px;
        background: #f8f8f8;
        margin-bottom: 130px;
    }
    .news-del-ti4>a {
        display: inline-block;
        width: 50%;
        text-align: center;
        line-height: 62px;
        color: #454545;
        font-size: 14px;
    }
    .news-del-ti5 {
        color: #555555;
        font-size: 22px;
        font-weight: bolder;
        padding-bottom: 30px;
    }
    .news-del-ti6 {
        width: 100%;
    }
    .news-del-ti7 {
        width: 447px;
        border: 1px solid #e9f1f9;
        padding: 20px;
        margin-right: 15px;
    }
    .news-del-ti7:nth-child(2n) {
        margin-right: 0;
    }
    .news-del-ti7-fl {
        width: 138px;
        height: 96px;
    }
    .news-del-ti7-fr {
        width: 235px;
        margin-left: 22px;
        padding-top: 10px;
    }
    .news-del-ti7-fr span {
        font-size: 16px;
        display: block;
        color: #004ea1;
        font-weight: bolder;
        margin-bottom: 5px;
    }
    .news-del-ti7-fr .to2 {
        font-size: 16px;
        color: #454545;
        font-weight: bolder;
    }
}

@media only screen and (max-width: 1023px) {
    .ba-nobor {
        border: none;
    }
    .news-del {
        width: 92%;
        padding: .4rem .3rem;
        background: #fff;
        margin: 0 auto 0;
    }
    .news-del-ti1 {
        font-size: .3rem;
        color: #454545;
        font-weight: bolder;
        margin-bottom: .25rem;
    }
    .news-del-ti2 {
        font-size: .26rem;
        color: #004ea1;
        padding-bottom: .35rem;
    }
    .news-del-ti3 {
        font-size: .26rem;
        color: #656565;
        line-height: .46rem;
    }
    .news-del-ti3 p,
    .news-del-ti3 span {
        font-size: .26rem;
        color: #656565;
    }
    .news-del-a1 {
        border-bottom: 1px solid #eee;
    }
    .news-del-ti3 {
        padding: .45rem 0;
    }
    .news-del-ti4 {
        width: 100%;
        margin-bottom: .65rem;
    }
    .news-del-ti4>a {
        display: inline-block;
        width: 100%;
        text-align: center;
        line-height: .85rem;
        color: #454545;
        font-size: .26rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        background: #f6f9fd;
        padding: 0 .35rem;
        margin-bottom: .13rem;
    }
    .news-del-ti5 {
        color: #555555;
        font-size: .3rem;
        font-weight: bolder;
        padding-bottom: .3rem;
    }
    .news-del-ti6 {
        width: 100%;
    }
    .news-del-ti7 {
        width: 100%;
        border: 1px solid #e9f1f9;
        padding: .3rem .2rem;
    }
    .news-del-ti7-fl {
        width: 1.9rem;
        height: 1.22rem;
    }
    .news-del-ti7-fr {
        width: calc(100% - 1.9rem);
        padding-left: .23rem;
        /*padding-top:18px;*/
    }
    .news-del-ti7-fr span {
        font-size: .24rem;
        display: block;
        color: #004ea1;
        font-weight: bolder;
        margin-bottom: .1rem;
    }
    .news-del-ti7-fr .to2 {
        font-size: .24rem;
        color: #454545;
        font-weight: bolder;
    }
}


/*新闻*/

@media only screen and (min-width: 1600px) {
    .sec-ban-a6 {
        background: #fff;
    }
    .news-a1 {
        width: 100%;
        padding: 72px 0 32px;
        background: #f6f9fd;
        margin-bottom: 160px;
        margin-top: 2px;
    }
    .news-a1-box {
        width: 1440px;
        margin: 0 auto;
        overflow: hidden;
    }
    .news-a1-box .mySwiper1 .swiper-slide {
        width: 1440px;
        padding: 40px 50px;
        background: #fff;
        margin: 0 auto;
        border-radius: 10px;
        position: relative;
    }
    .news-a1-fl {
        width: 612px;
        height: 395px;
    }
    .news-a1-fr {
        width: 608px;
        margin-left: 60px;
        padding-top: 40px;
    }
    .news-a1-fr-a1 {
        font-size: 24px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .news-a1-fr-a2 {
        color: #004ea1;
        font-size: 16px;
        display: block;
        margin-bottom: 20px;
    }
    .news-a1-fr-a3 {
        color: #777777;
        font-size: 16px;
        margin-bottom: 40px;
        line-height: 36px;
    }
    .news-a1-fr-btn {
        width: 173px;
        height: 50px;
        border: 2px solid #004ea1;
        border-radius: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #004ea1;
        font-size: 16px;
    }
    .news-a1-fr-btn img {
        width: 8px;
        margin-left: 8px;
    }
    .news-a1-line .swiper-scrollbar {
        height: 1px;
        background: #0854a4;
        width: 125px;
        margin: -10px auto 0;
        position: relative;
    }
    .news-a1-line {
        position: relative;
        width: 210px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .news-a1-line .swiper-button-prev {
        background-image: url("../img/z18.png");
        right: auto;
        left: 0;
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-button-prev::after,
    .news-a1-line .swiper-button-next::after {
        content: none;
    }
    .news-a1-line .swiper-button-next {
        background-image: url("../img/z19.png");
        left: auto;
        right: 0;
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-scrollbar-drag {
        width: 42px;
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .news-a2 {
        width: 1440px;
        margin: 0 auto;
    }
    .news-a2 .news-a2-list {
        width: 440px;
        height: 505px;
        background: #e9f1f9;
        padding: 30px 25px;
        margin-right: 55px;
        margin-bottom: 60px;
    }
    .news-a2 .news-a2-list:nth-child(3n) {
        margin-right: 0;
    }
    .news-a2-list-img {
        width: 100%;
        height: 248px;
        margin-bottom: 30px;
    }
    .news-a2-list-t1 {
        color: #004ea1;
        font-size: 18px;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .news-a2-list .news-a2-list-img img {
        transition: .5s;
    }
    .news-a2-list:hover .news-a2-list-img img {
        transition: .5s;
        transform: scale(1.06);
    }
    .news-a2-list-t2 {
        font-size: 18px;
        color: #454545;
        line-height: 32px;
        font-weight: bolder;
        margin-bottom: 20px;
        max-height: calc(32px * 2);
    }
    .news-a2-list-t3 {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #004ea1;
        border-radius: 30px;
        width: 152px;
        height: 46px;
        color: #004ea1;
    }
    .news-a2-list-t3 img {
        width: 8px;
        height: 12px;
        margin-left: 15px;
    }
    .news-a2-list-t3 img:last-child {
        display: none;
    }
    .news-a2-list:hover {
        background: #fff;
        border: 1px solid #e9f1f9;
    }
    .news-a2-list:hover .news-a2-list-t3 img.news-a2-list-t3-a1 {
        display: none;
    }
    .news-a2-list:hover .news-a2-list-t3 img:last-child {
        display: inline-block;
    }
    .news-a2-list:hover .news-a2-list-t3 {
        background: #004ea1;
        color: #fff;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .sec-ban-a6 {
        background: #fff;
    }
    .news-a1 {
        width: 100%;
        padding: 60px 0 20px;
        background: #f6f9fd;
        margin-bottom: 150px;
        margin-top: 2px;
    }
    .news-a1-box {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
    }
    .news-a1-box .mySwiper1 .swiper-slide {
        width: 1280px;
        padding: 30px 40px;
        background: #fff;
        margin: 0 auto;
        border-radius: 10px;
        position: relative;
    }
    .news-a1-fl {
        width: 528px;
        height: 340px;
    }
    .news-a1-fr {
        width: 592px;
        margin-left: 50px;
        padding-top: 30px;
    }
    .news-a1-fr-a1 {
        font-size: 22px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 10px;
    }
    .news-a1-fr-a2 {
        color: #004ea1;
        font-size: 16px;
        display: block;
        margin-bottom: 10px;
    }
    .news-a1-fr-a3 {
        color: #777777;
        font-size: 16px;
        margin-bottom: 30px;
        line-height: 32px;
    }
    .news-a1-fr-btn {
        width: 150px;
        height: 42px;
        border: 2px solid #004ea1;
        border-radius: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #004ea1;
        font-size: 16px;
    }
    .news-a1-fr-btn img {
        width: 8px;
        margin-left: 8px;
    }
    .news-a1-line .swiper-scrollbar {
        height: 1px;
        background: #0854a4;
        width: 125px;
        margin: -10px auto 0;
        position: relative;
    }
    .news-a1-line {
        position: relative;
        width: 210px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .news-a1-line .swiper-button-prev {
        background-image: url("../img/z18.png");
        right: auto;
        left: 0;
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-button-prev::after,
    .news-a1-line .swiper-button-next::after {
        content: none;
    }
    .news-a1-line .swiper-button-next {
        background-image: url("../img/z19.png");
        left: auto;
        right: 0;
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-scrollbar-drag {
        width: 42px;
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .news-a2 {
        width: 1280px;
        margin: 0 auto;
    }
    .news-a2 .news-a2-list {
        width: 409px;
        height: 505px;
        background: #e9f1f9;
        padding: 30px 25px;
        margin-right: 26px;
        margin-bottom: 60px;
    }
    .news-a2 .news-a2-list:nth-child(3n) {
        margin-right: 0;
    }
    .news-a2-list-img {
        width: 100%;
        height: 248px;
        margin-bottom: 30px;
    }
    .news-a2-list-t1 {
        color: #004ea1;
        font-size: 18px;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .news-a2-list .news-a2-list-img img {
        transition: .5s;
    }
    .news-a2-list:hover .news-a2-list-img img {
        transition: .5s;
        transform: scale(1.06);
    }
    .news-a2-list-t2 {
        font-size: 18px;
        color: #454545;
        line-height: 32px;
        font-weight: bolder;
        margin-bottom: 20px;
        max-height: calc(32px * 2);
    }
    .news-a2-list-t3 {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #004ea1;
        border-radius: 30px;
        width: 152px;
        height: 46px;
        color: #004ea1;
    }
    .news-a2-list-t3 img {
        width: 8px;
        height: 12px;
        margin-left: 15px;
    }
    .news-a2-list-t3 img:last-child {
        display: none;
    }
    .news-a2-list:hover {
        background: #fff;
        border: 1px solid #e9f1f9;
    }
    .news-a2-list:hover .news-a2-list-t3 img.news-a2-list-t3-a1 {
        display: none;
    }
    .news-a2-list:hover .news-a2-list-t3 img:last-child {
        display: inline-block;
    }
    .news-a2-list:hover .news-a2-list-t3 {
        background: #004ea1;
        color: #fff;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .sec-ban-a6 {
        background: #fff;
    }
    .news-a1 {
        width: 100%;
        padding: 50px 0 40px;
        background: #f6f9fd;
        margin-bottom: 60px;
        margin-top: 2px;
    }
    .news-a1-box {
        width: 960px;
        margin: 0 auto;
        overflow: hidden;
    }
    .news-a1-box .mySwiper1 .swiper-slide {
        width: 960px;
        padding: 20px 30px;
        background: #fff;
        margin: 0 auto;
        border-radius: 10px;
        position: relative;
    }
    .news-a1-fl {
        width: 392px;
        height: 252px;
    }
    .news-a1-fr {
        width: 460px;
        padding-top: 10px;
    }
    .news-a1-fr-a1 {
        font-size: 20px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 10px;
    }
    .news-a1-fr-a2 {
        color: #004ea1;
        font-size: 14px;
        display: block;
        margin-bottom: 10px;
    }
    .news-a1-fr-a3 {
        color: #777777;
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .news-a1-fr-btn {
        width: 130px;
        height: 42px;
        border: 2px solid #004ea1;
        border-radius: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #004ea1;
        font-size: 14px;
    }
    .news-a1-fr-btn img {
        width: 8px;
        margin-left: 8px;
    }
    .news-a1-line .swiper-scrollbar {
        height: 1px;
        background: #0854a4;
        width: 125px;
        margin: -10px auto 0;
        position: relative;
    }
    .news-a1-line {
        position: relative;
        width: 210px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .news-a1-line .swiper-button-prev {
        background-image: url("../img/z18.png");
        right: auto;
        left: 0;
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-button-prev::after,
    .news-a1-line .swiper-button-next::after {
        content: none;
    }
    .news-a1-line .swiper-button-next {
        background-image: url("../img/z19.png");
        left: auto;
        right: 0;
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-scrollbar-drag {
        width: 42px;
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .news-a2 {
        width: 960px;
        margin: 0 auto;
    }
    .news-a2 .news-a2-list {
        width: 310px;
        height: 377px;
        background: #e9f1f9;
        padding: 20px 15px;
        margin-right: 15px;
        margin-bottom: 30px;
    }
    .news-a2 .news-a2-list:nth-child(3n) {
        margin-right: 0;
    }
    .news-a2-list-img {
        width: 100%;
        height: 168px;
        margin-bottom: 20px;
    }
    .news-a2-list-t1 {
        color: #004ea1;
        font-size: 16px;
        font-weight: bolder;
        margin-bottom: 10px;
    }
    .news-a2-list .news-a2-list-img img {
        transition: .5s;
    }
    .news-a2-list:hover .news-a2-list-img img {
        transition: .5s;
        transform: scale(1.06);
    }
    .news-a2-list-t2 {
        font-size: 16px;
        color: #454545;
        line-height: 28px;
        font-weight: bolder;
        margin-bottom: 20px;
        max-height: calc(28px * 2);
    }
    .news-a2-list-t3 {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #004ea1;
        border-radius: 30px;
        width: 110px;
        height: 38px;
        color: #004ea1;
    }
    .news-a2-list-t3 img {
        width: 8px;
        height: 12px;
        margin-left: 10px;
    }
    .news-a2-list-t3 img:last-child {
        display: none;
    }
    .news-a2-list:hover {
        background: #fff;
        border: 1px solid #e9f1f9;
    }
    .news-a2-list:hover .news-a2-list-t3 img.news-a2-list-t3-a1 {
        display: none;
    }
    .news-a2-list:hover .news-a2-list-t3 img:last-child {
        display: inline-block;
    }
    .news-a2-list:hover .news-a2-list-t3 {
        background: #004ea1;
        color: #fff;
    }
}

@media only screen and (max-width: 1023px) {
    .news-a1 {
        width: 100%;
        margin-top: 2px;
        padding: .68rem 0 .3rem;
        background: #f6f9fd;
        margin-bottom: 1rem;
        position: relative;
    }
    .news-a1-box {
        width: 5.8rem;
        margin: 0 auto;
        overflow: hidden;
    }
    .news-a1-box .mySwiper1 .swiper-slide {
        width: 5.8rem;
        background: #fff;
        margin: 0 auto;
        position: relative;
    }
    .news-a1-fl {
        width: 100%;
        height: 3.7rem;
    }
    .news-a1-fr {
        width: 100%;
        padding: .4rem .3rem;
    }
    .news-a1-fr-a1 {
        font-size: .3rem;
        color: #454545;
        font-weight: bolder;
        margin-bottom: .2rem;
    }
    .news-a1-fr-a2 {
        color: #004ea1;
        font-size: .26rem;
        display: block;
        margin-bottom: .2rem;
    }
    .news-a1-fr-a3 {
        color: #777777;
        font-size: .26rem;
        line-height: .36rem;
        margin-bottom: .4rem;
    }
    .news-a1-fr-btn {
        width: 1.9rem;
        height: .68rem;
        border: .02rem solid #004ea1;
        border-radius: .3rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #004ea1;
        font-size: .24rem;
    }
    .news-a1-fr-btn img {
        width: .16rem;
        margin-left: .1rem;
    }
    .news-a1-line .swiper-scrollbar {
        height: 1px;
        background: #0854a4;
        width: 125px;
        margin: -10px auto 0;
        position: relative;
    }
    .news-a1-line {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .news-a1-line .swiper-button-prev {
        background-image: url("../img/z18.png");
        right: auto;
        left: .3rem;
        width: .26rem;
        height: .4rem;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a1-line .swiper-button-prev::after,
    .news-a1-line .swiper-button-next::after {
        content: none;
    }
    .news-a1-line .swiper-button-next {
        background-image: url("../img/z19.png");
        left: auto;
        right: .3rem;
        width: .26rem;
        height: .4rem;
        background-size: 100% 100%;
        margin: 0;
        opacity: 1;
        outline: none;
    }
    .news-a2 {
        width: 100%;
        padding: 0 .86rem;
    }
    .news-a2 .news-a2-list {
        width: 100%;
        padding-bottom: .3rem;
        margin-bottom: .5rem;
        border: 1px solid #e9f1f9;
    }
    .news-a2-list-img {
        width: 100%;
        height: 3.7rem;
        margin-bottom: .45rem;
    }
    .news-a2-list-t1 {
        color: #004ea1;
        font-size: .26rem;
        font-weight: bolder;
        margin-bottom: .2rem;
        padding: 0 .3rem;
    }
    .news-a2-list-t2 {
        padding: 0 .3rem;
        font-size: .3rem;
        color: #454545;
        line-height: .42rem;
        font-weight: bolder;
        margin-bottom: .3rem;
        max-height: calc(.42rem * 2);
    }
    .news-a2-list-t3 {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #004ea1;
        border-radius: .3rem;
        width: 2.02rem;
        height: .62rem;
        color: #004ea1;
        margin-right: .3rem;
    }
    .news-a2-list-t3 img {
        width: .16rem;
        height: .24rem;
        margin-left: .15rem;
    }
    .news-a2-list-t3 img:last-child {
        display: none;
    }
}


/*投资者关系*/

@media only screen and (min-width: 1600px) {
    .nav-con-list.ac {
        border-bottom: 2px solid #004ea1;
        color: #004ea1;
    }
    .nav-con-list {
        margin-right: 98px;
    }
    .investment-a1 {
        width: 100%;
        padding: 75px 0 125px;
        background: #f6f9fd;
    }
    .investment-a1-box {
        width: 1440px;
        margin: 0 auto;
        background: #fff;
        padding: 60px 50px;
    }
    .investment-a1-fl {
        padding-top: 15px;
    }
    .investment-a1-fl-t1 {
        color: #454545;
        font-size: 30px;
        font-weight: bolder;
        margin-bottom: 40px;
    }
    .investment-a1-fl-t1 span {
        font-size: 24px;
    }
    .investment-a1-fl-t2 {
        color: #454545;
        font-size: 36px;
        margin-bottom: 10px;
    }
    .investment-a1-fl-t2 span {
        font-size: 20px;
    }
    .investment-a1-fl-t2 img {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    .investment-a1-fl-t3 {
        font-size: 16px;
        color: #8a8a8a;
        margin-bottom: 55px;
    }
    .investment-a1-fl-t4 {
        width: 177px;
        height: 50px;
        display: inline-flex;
        border-radius: 30px;
        border: 1px solid #004ea1;
        color: #004ea1;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }
    .investment-a1-fl-t4 img {
        width: 8px;
        margin-left: 15px;
    }
    .investment-a1-fr {
        width: 100%;
        height: 695px;
    }
    .investment-a1-fr iframe {
        width: 100%;
        height: 100%;
    }
    .l-box {
        width: 86% !important;
    }
    .investment-a2 {
        width: 100%;
        position: relative;
    }
    .investment-a2-ti1 {
        width: 100%;
    }
    .investment-a2-ti2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .investment-a2-ti3 {
        width: 1440px;
        height: 100%;
        margin: 0 auto;
        padding-top: 160px;
        color: #fff;
    }
    .investment-a2-ti4 {
        font-size: 38px;
        color: #fff;
        line-height: 38px;
        margin-bottom: 30px;
        font-weight: bolder;
    }
    .investment-a2-ti5 {
        font-size: 16px;
        margin-bottom: 80px;
    }
    .investment-a2-ti7{
        display:flex;
        align-items:center;
        color:#fff;
        font-size:18px;
    }
    .investment-a2-ti6 {
        width: 100px;
        margin-right:30px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
    }
    @-webkit-keyframes play {
        0% {
            -webkit-transform: rotateZ(0deg);
        }
        100% {
            -webkit-transform: rotateZ(360deg);
        }
    }
    .investment-a2-ti6:hover {
        animation: none;
        transition: .3s;
    }
    .investment-a3 {
        background: #f6f9fd;
        padding-top: 95px;
        padding-bottom: 165px;
    }
    .investment-a3-tit {
        text-align: center;
        margin-bottom: 90px;
    }
    .investment-a3-tit .investment-a3-tit1 {
        font-size: 38px;
        color: #222222;
        line-height: 38px;
        font-weight: bolder;
        margin-bottom: 18px;
    }
    .investment-a3-tit .investment-a3-tit2 {
        width: 39px;
        height: 5px;
        margin: 0 auto;
        background: #004ea1;
    }
    .investment-a3-box {
        width: 1440px;
        margin: 0 auto;
    }
    .investment-a3-list {
        width: 305px;
        height: 370px;
        background: #fff;
        border-radius: 5px;
        padding-top: 37px;
        margin-right: 72px;
    }
    .investment-a3-list:nth-child(4n) {
        margin-right: 0;
    }
    .investment-a3-list-ti1 {
        margin: 0 auto 35px;
        width: 140px;
    }
    .investment-a3-list-ti2 {
        text-align: center;
        font-size: 26px;
        color: #535353;
        font-weight: bolder;
        margin-bottom: 40px;
    }
    .investment-a3-list-ti3 {
        margin: 0 auto;
        width: 174px;
        height: 48px;
        border-radius: 30px;
        background: #004ea1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
    }
    .investment-a3-list-ti3 img {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .nav-con-list.ac {
        border-bottom: 2px solid #004ea1;
        color: #004ea1;
    }
    .nav-con-list {
        margin-right: 70px;
    }
    .investment-a1 {
        width: 100%;
        padding: 65px 0 115px;
        background: #f6f9fd;
    }
    .investment-a1-box {
        width: 1280px;
        margin: 0 auto;
        background: #fff;
        padding: 50px 40px;
    }
    .investment-a1-fl {
        padding-top: 15px;
    }
    .investment-a1-fl-t1 {
        color: #454545;
        font-size: 30px;
        font-weight: bolder;
        margin-bottom: 40px;
    }
    .investment-a1-fl-t1 span {
        font-size: 24px;
    }
    .investment-a1-fl-t2 {
        color: #454545;
        font-size: 36px;
        margin-bottom: 10px;
    }
    .investment-a1-fl-t2 span {
        font-size: 20px;
    }
    .investment-a1-fl-t2 img {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    .investment-a1-fl-t3 {
        font-size: 16px;
        color: #8a8a8a;
        margin-bottom: 55px;
    }
    .investment-a1-fl-t4 {
        width: 177px;
        height: 50px;
        display: inline-flex;
        border-radius: 30px;
        border: 1px solid #004ea1;
        color: #004ea1;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }
    .investment-a1-fl-t4 img {
        width: 8px;
        margin-left: 15px;
    }
    .investment-a1-fr {
        width: 100%;
        height: 695px;
    }
    .investment-a1-fr iframe {
        width: 100%;
        height: 100%;
    }
    .investment-a2 {
        width: 100%;
        position: relative;
    }
    .investment-a2-ti1 {
        width: 100%;
    }
    .investment-a2-ti2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .investment-a2-ti3 {
        width: 1280px;
        height: 100%;
        margin: 0 auto;
        padding-top: 100px;
        color: #fff;
    }
    .investment-a2-ti4 {
        font-size: 36px;
        color: #fff;
        line-height: 36px;
        margin-bottom: 26px;
        font-weight: bolder;
    }
    .investment-a2-ti5 {
        font-size: 16px;
        margin-bottom: 60px;
    }
    .investment-a2-ti7{
        display:flex;
        align-items:center;
        color:#fff;
        font-size:18px;
    }
    .investment-a2-ti6 {
        width: 90px;
        margin-right:30px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
    }
    @-webkit-keyframes play {
        0% {
            -webkit-transform: rotateZ(0deg);
        }
        100% {
            -webkit-transform: rotateZ(360deg);
        }
    }
    .investment-a2-ti6:hover {
        animation: none;
        transition: .3s;
    }
    .investment-a3 {
        background: #f6f9fd;
        padding-top: 85px;
        padding-bottom: 150px;
    }
    .investment-a3-tit {
        text-align: center;
        margin-bottom: 80px;
    }
    .investment-a3-tit .investment-a3-tit1 {
        font-size: 36px;
        color: #222222;
        line-height: 36px;
        font-weight: bolder;
        margin-bottom: 15px;
    }
    .investment-a3-tit .investment-a3-tit2 {
        width: 39px;
        height: 5px;
        margin: 0 auto;
        background: #004ea1;
    }
    .investment-a3-box {
        width: 1280px;
        margin: 0 auto;
    }
    .investment-a3-list {
        width: 280px;
        height: 370px;
        background: #fff;
        border-radius: 5px;
        padding-top: 32px;
        margin-right: 53px;
    }
    .investment-a3-list:nth-child(4n) {
        margin-right: 0;
    }
    .investment-a3-list-ti1 {
        margin: 0 auto 35px;
        width: 130px;
    }
    .investment-a3-list-ti2 {
        text-align: center;
        font-size: 26px;
        color: #535353;
        font-weight: bolder;
        margin-bottom: 40px;
    }
    .investment-a3-list-ti3 {
        margin: 0 auto;
        width: 174px;
        height: 48px;
        border-radius: 30px;
        background: #004ea1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 16px;
    }
    .investment-a3-list-ti3 img {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .nav-con-list.ac {
        border-bottom: 2px solid #004ea1;
        color: #004ea1;
    }
    .nav-con-list {
        margin-right: 60px;
    }
    .investment-a1 {
        width: 100%;
        padding: 55px 0 100px;
        background: #f6f9fd;
    }
    .investment-a1-box {
        width: 960px;
        margin: 0 auto;
        background: #fff;
        padding: 40px 30px;
    }
    .investment-a1-fl {
        padding-top: 15px;
    }
    .investment-a1-fl-t1 {
        color: #454545;
        font-size: 28px;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .investment-a1-fl-t1 span {
        font-size: 22px;
    }
    .investment-a1-fl-t2 {
        color: #454545;
        font-size: 34px;
        margin-bottom: 10px;
    }
    .investment-a1-fl-t2 span {
        font-size: 20px;
    }
    .investment-a1-fl-t2 img {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    .investment-a1-fl-t3 {
        font-size: 16px;
        color: #8a8a8a;
        margin-bottom: 55px;
    }
    .investment-a1-fl-t4 {
        width: 177px;
        height: 50px;
        display: inline-flex;
        border-radius: 30px;
        border: 1px solid #004ea1;
        color: #004ea1;
        justify-content: center;
        align-items: center;
        font-size: 16px;
    }
    .investment-a1-fl-t4 img {
        width: 8px;
        margin-left: 15px;
    }
    .investment-a1-fr {
        width: 100%;
        height: 695px;
    }
    .investment-a1-fr iframe {
        width: 100%;
        height: 100%;
    }
    .investment-a2 {
        width: 100%;
        position: relative;
    }
    .investment-a2-ti1 {
        width: 100%;
    }
    .investment-a2-ti2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .investment-a2-ti3 {
        width: 960px;
        height: 100%;
        margin: 0 auto;
        padding-top: 50px;
        color: #fff;
    }
    .investment-a2-ti4 {
        font-size: 32px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 20px;
        font-weight: bolder;
    }
    .investment-a2-ti5 {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .investment-a2-ti7{
        display:flex;
        align-items:center;
        color:#fff;
        font-size:16px;
    }
    .investment-a2-ti6 {
        width: 80px;
        margin-right:20px;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation: play 3s linear infinite;
        -moz-animation: play 3s linear infinite;
        animation: play 3s linear infinite;
    }
    @-webkit-keyframes play {
        0% {
            -webkit-transform: rotateZ(0deg);
        }
        100% {
            -webkit-transform: rotateZ(360deg);
        }
    }
    .investment-a2-ti6:hover {
        animation: none;
        transition: .3s;
    }
    .investment-a3 {
        background: #f6f9fd;
        padding-top: 65px;
        padding-bottom: 130px;
    }
    .investment-a3-tit {
        text-align: center;
        margin-bottom: 60px;
    }
    .investment-a3-tit .investment-a3-tit1 {
        font-size: 32px;
        color: #222222;
        line-height: 32px;
        font-weight: bolder;
        margin-bottom: 10px;
    }
    .investment-a3-tit .investment-a3-tit2 {
        width: 39px;
        height: 5px;
        margin: 0 auto;
        background: #004ea1;
    }
    .investment-a3-box {
        width: 960px;
        margin: 0 auto;
    }
    .investment-a3-list {
        width: 225px;
        height: 308px;
        background: #fff;
        border-radius: 5px;
        padding-top: 26px;
        margin-right: 20px;
    }
    .investment-a3-list:nth-child(4n) {
        margin-right: 0;
    }
    .investment-a3-list-ti1 {
        margin: 0 auto 35px;
        width: 110px;
    }
    .investment-a3-list-ti2 {
        text-align: center;
        font-size: 24px;
        color: #535353;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .investment-a3-list-ti3 {
        margin: 0 auto;
        width: 160px;
        height: 42px;
        border-radius: 30px;
        background: #004ea1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 14px;
    }
    .investment-a3-list-ti3 img {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 1023px) {
    .nav-con-list.ac {
        border-bottom: 2px solid #004ea1;
        color: #004ea1;
    }
    .nav-con-list {
        margin-right: .8rem;
    }
    .investment-a1 {
        width: 100%;
        padding: .6rem .3rem;
        background: #f6f9fd;
    }
    .investment-a1-box {
        width: 100%;
        background: #fff;
        padding: .5rem;
    }
    .investment-a1-fl-t1 {
        color: #454545;
        font-size: .36rem;
        font-weight: bolder;
        margin-bottom: .3rem;
    }
    .investment-a1-fl-t1 span {
        font-size: .3rem;
    }
    .investment-a1-fl-t2 {
        color: #454545;
        font-size: .48rem;
        margin-bottom: .2rem;
    }
    .investment-a1-fl-t2 span {
        font-size: .3rem;
    }
    .investment-a1-fl-t2 img {
        width: .23rem;
        display: inline-block;
        vertical-align: middle;
    }
    .investment-a1-fl-t3 {
        font-size: .24rem;
        color: #8a8a8a;
        margin-bottom: .45rem;
    }
    .investment-a1-fl-t4 {
        width: 2.57rem;
        height: .68rem;
        display: inline-flex;
        border-radius: .3rem;
        border: 1px solid #004ea1;
        color: #004ea1;
        justify-content: center;
        align-items: center;
        font-size: .26rem;
    }
    .investment-a1-fl-t4 img {
        width: .16rem;
        margin-left: .15rem;
    }
    .investment-a1-fr {
        width: 100%;
        height: 10rem;
    }
    .investment-a1-fr iframe {
        width: 100%;
        height: 100%;
    }
    .investment-a2 {
        width: 100%;
        position: relative;
    }
    .investment-a2-ti1 {
        width: 100%;
    }
    .investment-a2-ti2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0 .6rem;
    }
    .investment-a2-ti3 {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding-top: 1rem;
        color: #fff;
    }
    .investment-a2-ti4 {
        font-size: .38rem;
        color: #fff;
        line-height: .38rem;
        margin-bottom: .3rem;
        font-weight: bolder;
    }
    .investment-a2-ti5 {
        font-size: .24rem;
        margin-bottom: .3rem;
    }
    .investment-a2-ti7{
        display:flex;
        align-items:center;
        color:#fff;
        font-size:.26rem;
    }
    .investment-a2-ti6 {
        width: .9rem;
        margin-right:.3rem;
    }
    .investment-a3 {
        background: #f6f9fd;
        padding-top: .8rem;
        padding-bottom: 1.5rem;
    }
    .investment-a3-tit {
        text-align: center;
        margin-bottom: .6rem;
    }
    .investment-a3-tit .investment-a3-tit1 {
        font-size: .38rem;
        color: #222222;
        line-height: .38rem;
        font-weight: bolder;
        margin-bottom: .2rem;
    }
    .investment-a3-tit .investment-a3-tit2 {
        width: .4rem;
        height: .06rem;
        margin: 0 auto;
        background: #004ea1;
    }
    .investment-a3-box {
        width: 100%;
        padding: 0 .5rem;
    }
    .investment-a3-list {
        width: 3.05rem;
        background: #fff;
        border-radius: 5px;
        margin-bottom: .3rem;
        padding-top: .45rem;
        padding-bottom: .25rem;
        margin-right: .38rem;
    }
    .investment-a3-list:nth-child(2n) {
        margin-right: 0;
    }
    .investment-a3-list-ti1 {
        margin: 0 auto .3rem;
        width: 1.4rem;
    }
    .investment-a3-list-ti2 {
        text-align: center;
        font-size: .28rem;
        color: #535353;
        font-weight: bolder;
        margin-bottom: .3rem;
    }
    .investment-a3-list-ti3 {
        margin: 0 auto;
        width: 2.2rem;
        height: .58rem;
        border-radius: .3rem;
        background: #004ea1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: .24rem;
    }
    .investment-a3-list-ti3 img {
        margin-left: .15rem;
    }
}


/*核心业务*/

@media only screen and (min-width: 1600px) {
    .text-ban {
        padding-top: 140px;
        width: 1440px;
        height: 100%;
        margin: 0 auto;
    }
    .sec-ban-a7 {
        color: #fff;
        font-size: 16px;
        line-height: 38px;
        width: 584px;
        padding-top: 35px;
    }
    .business-a1 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .business-a1-box {
        position: absolute;
        top: 0;
        width: 1440px;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
        padding-top: 115px;
    }
    .business-a1-fl {
        width: 584px;
    }
    .business-a1-ti1 {
        font-size: 38px;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .business-a1-ti2 {
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 50px;
        color: #454545;
    }
    .business-a1-ti3 {
        width: 173px;
        height: 50px;
        border: 2px solid #004ea1;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        color: #004ea1;
    }
    .business-a1-ti3 img {
        width: 8px;
        margin-left: 15px;
    }
    .business-a1>.box1>img {
        transition: .5s;
    }
    .business-a1:hover>.box1>img {
        transform: scale(1.06);
        transition: .5s;
    }
    .business-a2 {
        padding-top: 100px;
    }
    .business-a2-box {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .business-a2-box .mySwiper1 {
        width: 100%;
    }
    .business-a2-box .mySwiper1 .swiper-slide {
        width: 1440px;
        height: 585px;
        position: relative;
    }
    .business-a2-ti1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .business-a2-ti1 i {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
    }
    .business-a2-box .mySwiper1 .swiper-slide-active .business-a2-ti1 i {
        background: none;
    }
    .business-a2-box .mySwiper1 .swiper-slide-active .business-a2-ti2 {
        display: block;
    }
    .business-a2-ti2 {
        display: none;
        position: absolute;
        width: 580px;
        height: 315px;
        background: #fff;
        right: 116px;
        top: 145px;
        padding: 60px 38px 0;
    }
    .business-a2-ti3 {
        font-size: 38px;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .business-a2-ti4 {
        color: #454545;
        font-size: 16px;
        line-height: 32px;
    }
    .business-a2-box .swiper-button-next1 {
        width: 57px;
        height: 137px;
        background: #004ea2;
        right: calc(50% - 1440px / 2);
        margin: 0;
        top: 37%;
        outline: none;
    }
    .business-a2-box .swiper-button-next1::after,
    .business-a2-box .swiper-button-prev1::after {
        content: none;
    }
    .business-a2-box .swiper-button-prev1 {
        width: 57px;
        height: 137px;
        background: #004ea2;
        left: calc(50% - 1440px / 2);
        margin: 0;
        top: 37%;
        outline: none;
    }
    .business-a2-box .swiper-slide-active:hover .business-a2-ti1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .business-a2-box .swiper-slide-active .business-a2-ti1 img {
        transition: .5s;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .text-ban {
        padding-top: 100px;
        width: 1280px;
        height: 100%;
        margin: 0 auto;
    }
    .sec-ban-a7 {
        color: #fff;
        font-size: 16px;
        line-height: 38px;
        width: 584px;
        padding-top: 30px;
    }
    .business-a1 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .business-a1-box {
        position: absolute;
        top: 0;
        width: 1280px;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
        padding-top: 80px;
    }
    .business-a1-fl {
        width: 584px;
    }
    .business-a1-ti1 {
        font-size: 36px;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .business-a1-ti2 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 40px;
        color: #454545;
    }
    .business-a1-ti3 {
        width: 173px;
        height: 50px;
        border: 2px solid #004ea1;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        color: #004ea1;
    }
    .business-a1-ti3 img {
        width: 8px;
        margin-left: 15px;
    }
    .business-a1>.box1>img {
        transition: .5s;
    }
    .business-a1:hover>.box1>img {
        transform: scale(1.06);
        transition: .5s;
    }
    .business-a2 {
        padding-top: 100px;
    }
    .business-a2-box {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .business-a2-box .mySwiper1 {
        width: 100%;
    }
    .business-a2-box .mySwiper1 .swiper-slide {
        width: 1280px;
        height: 517px;
        position: relative;
    }
    .business-a2-ti1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .business-a2-ti1 i {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
    }
    .business-a2-box .mySwiper1 .swiper-slide-active .business-a2-ti1 i {
        background: none;
    }
    .business-a2-box .mySwiper1 .swiper-slide-active .business-a2-ti2 {
        display: block;
    }
    .business-a2-ti2 {
        display: none;
        position: absolute;
        width: 580px;
        height: 315px;
        background: #fff;
        right: 116px;
        top: 145px;
        padding: 60px 38px 0;
    }
    .business-a2-ti3 {
        font-size: 36px;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .business-a2-ti4 {
        color: #454545;
        font-size: 16px;
        line-height: 32px;
    }
    .business-a2-box .swiper-button-next1 {
        width: 57px;
        height: 137px;
        background: #004ea2;
        right: calc(50% - 1280px / 2);
        margin: 0;
        top: 37%;
        outline: none;
    }
    .business-a2-box .swiper-button-next1::after,
    .business-a2-box .swiper-button-prev1::after {
        content: none;
    }
    .business-a2-box .swiper-button-prev1 {
        width: 57px;
        height: 137px;
        background: #004ea2;
        left: calc(50% - 1280px / 2);
        margin: 0;
        top: 37%;
        outline: none;
    }
    .business-a2-box .swiper-slide-active:hover .business-a2-ti1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .business-a2-box .swiper-slide-active .business-a2-ti1 img {
        transition: .5s;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .text-ban {
        padding-top: 60px;
        width: 960px;
        height: 100%;
        margin: 0 auto;
    }
    .sec-ban-a7 {
        color: #fff;
        font-size: 14px;
        line-height: 32px;
        width: 584px;
        padding-top: 30px;
    }
    .business-a1 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .business-a1-box {
        position: absolute;
        top: 0;
        width: 960px;
        left: 50%;
        transform: translate(-50%);
        height: 100%;
        padding-top: 50px;
    }
    .business-a1-fl {
        width: 480px;
    }
    .business-a1-ti1 {
        font-size: 28px;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: 10px;
    }
    .business-a1-ti2 {
        font-size: 14px;
        margin-bottom: 20px;
        color: #454545;
    }
    .business-a1-ti3 {
        width: 150px;
        height: 40px;
        border: 2px solid #004ea1;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        color: #004ea1;
    }
    .business-a1-ti3 img {
        width: 8px;
        margin-left: 15px;
    }
    .business-a1>.box1>img {
        transition: .5s;
    }
    .business-a1:hover>.box1>img {
        transform: scale(1.06);
        transition: .5s;
    }
    .business-a2 {
        padding-top: 60px;
    }
    .business-a2-box {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .business-a2-box .mySwiper1 {
        width: 100%;
    }
    .business-a2-box .mySwiper1 .swiper-slide {
        width: 960px;
        height: 517px;
        position: relative;
    }
    .business-a2-ti1 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .business-a2-ti1 i {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3);
    }
    .business-a2-box .mySwiper1 .swiper-slide-active .business-a2-ti1 i {
        background: none;
    }
    .business-a2-box .mySwiper1 .swiper-slide-active .business-a2-ti2 {
        display: block;
    }
    .business-a2-ti2 {
        display: none;
        position: absolute;
        width: 530px;
        height: 280px;
        background: #fff;
        right: 116px;
        top: 145px;
        padding: 30px 30px 0;
    }
    .business-a2-ti3 {
        font-size: 32px;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .business-a2-ti4 {
        color: #454545;
        font-size: 14px;
        line-height: 32px;
    }
    .business-a2-box .swiper-button-next1 {
        width: 57px;
        height: 137px;
        background: #004ea2;
        right: calc(50% - 960px / 2);
        margin: 0;
        top: 37%;
        outline: none;
    }
    .business-a2-box .swiper-button-next1::after,
    .business-a2-box .swiper-button-prev1::after {
        content: none;
    }
    .business-a2-box .swiper-button-prev1 {
        width: 57px;
        height: 137px;
        background: #004ea2;
        left: calc(50% - 960px / 2);
        margin: 0;
        top: 37%;
        outline: none;
    }
    .business-a2-box .swiper-slide-active:hover .business-a2-ti1 img {
        transform: scale(1.06);
        transition: .5s;
    }
    .business-a2-box .swiper-slide-active .business-a2-ti1 img {
        transition: .5s;
    }
}

@media only screen and (max-width: 1023px) {
    .business-a1 {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 0 .3rem;
        margin-bottom: .45rem;
    }
    .business-a1>div.box2 {
        width: 100%;
        height: 3.95rem;
    }
    .business-a1-box {
        width: 100%;
    }
    .business-a1-fl {
        width: 100%;
        background: #f6f9fd;
        padding: .45rem .32rem;
    }
    .business-a1-ti1 {
        font-size: .38rem;
        color: #004ea2;
        line-height: .38rem;
        font-weight: bolder;
        margin-bottom: .35rem;
        text-align: center;
    }
    .business-a1-ti2 {
        line-height: .46rem;
        margin-bottom: .5rem;
        font-size: .26rem;
        color: #454545;
    }
    .business-a1-ti3 {
        width: 2.57rem;
        height: .68rem;
        border: .02rem solid #004ea1;
        font-size: .26rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .3rem;
        color: #004ea1;
        margin: 0 auto;
    }
    .business-a1-ti3 img {
        width: .18rem;
        margin-left: .15rem;
    }
    .business-a2 {
        padding-top: .85rem;
        margin-bottom: .85rem;
    }
    .business-a2-box {
        width: 100%;
        position: relative;
        padding: 0 .65rem;
    }
    .business-a2-box .mySwiper1 {
        width: 100%;
        overflow: hidden;
        border: .01rem solid #eee;
    }
    .business-a2-box .mySwiper1 .swiper-slide {
        width: 100%;
        position: relative;
    }
    .business-a2-ti1 {
        width: 100%;
        height: 2.5rem;
    }
    .business-a2-ti1 i {
        display: none;
    }
    .business-a2-ti2 {
        width: 100%;
        background: #fff;
        padding: .4rem .37rem;
    }
    .business-a2-ti3 {
        font-size: .38rem;
        color: #004ea2;
        font-weight: bolder;
        margin-bottom: .2rem;
    }
    .business-a2-ti4 {
        color: #454545;
        font-size: .26rem;
        line-height: .46rem;
    }
    .business-a2-box .swiper-button-next1 {
        width: .28rem;
        height: .4rem;
        right: .2rem;
        margin: 0;
        top: 40%;
        outline: none;
        background: none;
    }
    .business-a2-box .swiper-button-next1::after,
    .business-a2-box .swiper-button-prev1::after {
        content: none;
    }
    .business-a2-box .swiper-button-prev1 {
        width: .28rem;
        height: .4rem;
        left: .2rem;
        margin: 0;
        top: 40%;
        outline: none;
        background: none;
    }
}


/*走进英利*/

@media only screen and (min-width: 1600px) {
    .enter-a1 {
        width: 100%;
        position: relative;
    }
    .enter-a1 .enter-a1-bg {
        width: 100%;
    }
    .enter-a1-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .enter-a1-line {
        width: 1440px;
        margin: 0 auto;
        padding: 110px 0 0 0;
    }
    .enter-a1-fl {
        width: 609px;
        height: 402px;
        overflow: hidden;
    }
    .enter-a1-fl:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a1-fl img {
        transition: .3s;
    }
    .enter-a1-fr {
        width: 765px;
        font-size: 16px;
        color: #454545;
        line-height: 36px;
    }
    .enter-a1-fr p{
        font-size: 16px;
        line-height: 36px;
    }
    .enter-a2 {
        padding-top: 120px;
        padding-left: 50px;
    }
    .enter-a2-sw1 {
        width: 100%;
        overflow: hidden;
        margin-bottom: 130px;
    }
    .enter-a2-sw1 .mySwiper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide {
        width: 310px!important;
        margin-right: 85px;
    }
    .enter-a2-sw1-ti1 {
        font-size: 48px;
        color: #004ea1;
        line-height: 48px;
        margin-bottom: 50px;
        font-family: 'siyuan';
        font-weight: bolder;
    }
    .enter-a2-sw1-ti2 {
        width: 100%;
        height: 130px;
    }
    .enter-a2-sw1-ti3 {
        font-size: 16px;
        color: #454545;
        margin-bottom: 10px;
    }
    .enter-a2-sw1-ti5 {
        width: 100%;
        height: 159px;
        overflow: hidden;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide:hover .enter-a2-sw1-ti5 img {
        transition: .3s;
        transform: scale(1.06);
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide .enter-a2-sw1-ti5 img {
        transition: .3s;
    }
    .enter-a2-sw1-ti4 {
        width: 26px;
        height: 3px;
        background: #004ea1;
    }
    .enter-a2-sw2 {
        width: 1500px;
        overflow: hidden;
        margin: 0 auto 130px;
        text-align: center;
        position:relative;
    }
    .enter-a2-sw2 .swiper {
        width: 1440px;
        margin: 0 auto;
        overflow:hidden;
    }
    .enter-a2-sw2 .swiper-wrapper {
        /*justify-content: center;*/
    }
    .enter-a2-sw2 .swiper-button-next2{
        outline:none;
    }
    .enter-a2-sw2 .swiper-button-prev2{
        outline:none;
    }
    .enter-a2-sw2 .swiper .swiper-slide {
        width: 72px;
        height: 72px;
        line-height: 72px;
        text-align: center;
        margin: 0 15px;
        cursor: pointer;
        font-size: 18px;
    }
    .enter-a2-sw2 .swiper .swiper-slide.swiper-slide-thumb-active {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    .enter-a2-sw2 .swiper .swiper-slide:hover {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    /* .enter-a2-sw2 .swiper .swiper-slide.ac {
        border: 1px solid #004ea1;
        border-radius: 50%;
    } */
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .enter-a1 {
        width: 100%;
        position: relative;
    }
    .enter-a1 .enter-a1-bg {
        width: 100%;
    }
    .enter-a1-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .enter-a1-line {
        width: 1280px;
        margin: 0 auto;
        padding: 100px 0 0 0;
    }
    .enter-a1-fl {
        width: 500px;
        height: 402px;
        overflow: hidden;
    }
    .enter-a1-fl:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a1-fl img {
        transition: .3s;
    }
    .enter-a1-fr {
        width: 695px;
        font-size: 16px;
        color: #454545;
        line-height: 36px;
        height: 330px;
        overflow-y: auto;
    }
    .enter-a1-fr p{
        font-size: 16px;
        line-height: 36px;
    }
    .enter-a2 {
        padding-top: 110px;
        padding-left:50px;
    }
    .enter-a2-sw1 {
        width: 100%;
        overflow: hidden;
        margin-bottom: 100px;
    }
    .enter-a2-sw1 .mySwiper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide {
        width: 310px!important;
        margin-right: 85px;
    }
    .enter-a2-sw1-ti1 {
        font-size: 48px;
        color: #004ea1;
        line-height: 48px;
        margin-bottom: 50px;
        font-family: 'siyuan';
        font-weight: bolder;
    }
    .enter-a2-sw1-ti2 {
        width: 100%;
        height: 130px;
    }
    .enter-a2-sw1-ti3 {
        font-size: 16px;
        color: #454545;
        margin-bottom: 10px;
    }
    .enter-a2-sw1-ti5 {
        width: 100%;
        height: 159px;
        overflow: hidden;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide:hover .enter-a2-sw1-ti5 img {
        transition: .3s;
        transform: scale(1.06);
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide .enter-a2-sw1-ti5 img {
        transition: .3s;
    }
    .enter-a2-sw1-ti4 {
        width: 26px;
        height: 3px;
        background: #004ea1;
    }
    .enter-a2-sw2 {
        width: 1280px;
        overflow: hidden;
        margin: 0 auto 100px;
        text-align: center;
        position:relative;
    }
    .enter-a2-sw2 .swiper {
        width:1100px;
        margin:0 auto;
        overflow: hidden;
    }
    .enter-a2-sw2 .swiper-wrapper {
        /*justify-content: center;*/
    }
    .enter-a2-sw2 .swiper-button-next2{
        outline:none;
    }
    .enter-a2-sw2 .swiper-button-prev2{
        outline:none;
    }
    .enter-a2-sw2 .swiper .swiper-slide {
        width:68px;
        height:68px;
        line-height: 68px;
        text-align: center;
        margin: 0 12px;
        cursor: pointer;
    }
    .enter-a2-sw2 .swiper .swiper-slide.swiper-slide-thumb-active {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    .enter-a2-sw2 .swiper .swiper-slide:hover {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    /* .enter-a2-sw2 .swiper .swiper-slide.ac {
        border: 1px solid #004ea1;
        border-radius: 50%;
    } */
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .enter-a1 {
        width: 100%;
        position: relative;
        height: 476px;
    }
    .enter-a1 .enter-a1-bg {
        width: 100%;
        height: 100%;
    }
    .enter-a1 .enter-a1-bg img {
        height: 100%;
    }
    .enter-a1-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .enter-a1-line {
        width: 960px;
        margin: 0 auto;
        padding: 50px 0 0 0;
    }
    .enter-a1-fl {
        width: 420px;
        height: 402px;
        overflow: hidden;
    }
    .enter-a1-fl:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a1-fl img {
        transition: .3s;
    }
    .enter-a1-fr {
        width: 530px;
        font-size: 14px;
        color: #454545;
        line-height: 32px;
        height: 262px;
        overflow-y: auto;
    }
    .enter-a1-fr p{
        font-size: 14px;
        line-height: 32px;
    }
    .enter-a2 {
        padding-top: 80px;
        padding-left:30px;
    }
    .enter-a2-sw1 {
        width: 100%;
        overflow: hidden;
        margin-bottom: 80px;
    }
    .enter-a2-sw1 .mySwiper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide {
        width: 290px!important;
        margin-right: 85px;
    }
    .enter-a2-sw1-ti1 {
        font-size: 42px;
        color: #004ea1;
        line-height: 42px;
        margin-bottom: 30px;
        font-family: 'siyuan';
        font-weight: bolder;
    }
    .enter-a2-sw1-ti2 {
        width: 100%;
        height: 110px;
    }
    .enter-a2-sw1-ti3 {
        font-size: 14px;
        color: #454545;
        margin-bottom: 10px;
    }
    .enter-a2-sw1-ti5 {
        width: 100%;
        height: 149px;
        overflow: hidden;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide:hover .enter-a2-sw1-ti5 img {
        transition: .3s;
        transform: scale(1.06);
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide .enter-a2-sw1-ti5 img {
        transition: .3s;
    }
    .enter-a2-sw1-ti4 {
        width: 26px;
        height: 3px;
        background: #004ea1;
    }
    .enter-a2-sw2 {
        width: 960px;
        overflow: hidden;
        margin: 0 auto 80px;
        text-align: center;
        position:relative;
    }
    .enter-a2-sw2 .swiper {
        width:900px;
        margin:0 auto;
        overflow:hidden;
    }
    .enter-a2-sw2 .swiper-button-next2{
        outline:none;
    }
    .enter-a2-sw2 .swiper-button-prev2{
        outline:none;
    }
    .enter-a2-sw2 .swiper-wrapper {
        /*justify-content: center;*/
    }
    .enter-a2-sw2 .swiper .swiper-slide {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        margin: 0 10px;
        cursor: pointer;
        font-size: 14px;
    }
    .enter-a2-sw2 .swiper .swiper-slide.swiper-slide-thumb-active {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    .enter-a2-sw2 .swiper .swiper-slide:hover {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    /* .enter-a2-sw2 .swiper .swiper-slide.ac {
        border: 1px solid #004ea1;
        border-radius: 50%;
    } */
}

@media only screen and (max-width: 1023px) {
    .enter-a1 {
        width: 100%;
        position: relative;
    }
    .enter-a1 .enter-a1-bg {
        width: 100%;
    }
    .enter-a1-box {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .enter-a1-line {
        width: 100%;
        margin: 0 auto;
        padding: .8rem .3rem;
    }
    .enter-a1-fl {
        width: 100%;
        padding: 0 .46rem;
        height: 4.02rem;
        overflow: hidden;
        margin-bottom: .55rem;
    }
    .enter-a1-fr {
        width: 100%;
        font-size: .26rem;
        color: #454545;
        line-height: .46rem;
    }
    .enter-a2 {
        padding-top: .7rem;
    }
    .enter-a2-sw1 {
        width: 100%;
        overflow: hidden;
        margin-bottom: .8rem;
    }
    .enter-a2-sw1 .mySwiper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a2-sw1 .mySwiper .swiper-wrapper .swiper-slide {
        width: 4.6rem!important;
        margin-right: .78rem;
    }
    .enter-a2-sw1-ti1 {
        font-size: .6rem;
        color: #004ea1;
        line-height: .6rem;
        margin-bottom: .3rem;
        font-family: 'siyuan';
        font-weight: bolder;
    }
    .enter-a2-sw1-ti2 {
        width: 100%;
        height: 1.5rem;
    }
    .enter-a2-sw1-ti3 {
        font-size: .26rem;
        color: #454545;
        margin-bottom: .1rem;
    }
    .enter-a2-sw1-ti5 {
        width: 100%;
        height: 3.24rem;
        overflow: hidden;
    }
    .enter-a2-sw1-ti4 {
        width: .24rem;
        height: .04rem;
        background: #004ea1;
    }
    .enter-a2-sw2 {
        width: 100%;
        overflow: hidden;
        margin: 0 auto .7rem;
        text-align: center;
    }
    .enter-a2-sw2 .swiper {
        width: 100%;
    }
    .enter-a2-sw2 .swiper .swiper-slide {
        width: .82rem;
        height: .82rem;
        line-height: .82rem;
        text-align: center;
        margin: 0 .6rem;
        cursor: pointer;
        font-size: .28rem;
    }
    .enter-a2-sw2 .swiper .swiper-slide:hover {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
    .enter-a2-sw2 .swiper .swiper-slide.ac {
        border: 1px solid #004ea1;
        border-radius: 50%;
    }
}

@media only screen and (min-width: 1600px) {
    .enter-a3 {
        width: 100%;
        position: relative;
    }
    .enter-a3-box {
        margin-top: -405px;
    }
    .enter-a3-change {
        width: 1542px;
        margin: 0 auto;
        position: relative;
    }
    .enter-a3-change .mySwiper3 {
        width: 1440px;
        margin: 0 auto;
        overflow: hidden;
    }
    .enter-a3-change .mySwiper3 .swiper-slide {
        width: 320px!important;
        height: 68px;
        margin-right: 20px;
        background: #fff;
        line-height: 68px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        color: #454545;
    }
    .enter-a3-change .swiper-button-next {
        width: 14px;
        height: 20px;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        outline: none;
        margin: 0;
        top: 37%;
    }
    .enter-a3-change .swiper-button-next::after,
    .enter-a3-change .swiper-button-prev::after {
        content: none;
    }
    .enter-a3-change .swiper-button-prev {
        width: 14px;
        height: 20px;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        outline: none;
        margin: 0;
        top: 37%;
    }
    .enter-a3-line {
        width: 1440px;
        margin: 0 auto;
        padding-top: 50px;
    }
    .enter-a3-line .mySwiper4 {
        width: 100%;
        height: 439px;
        background: #f6f9fd;
        overflow: hidden;
    }
    .enter-a3-line .mySwiper4 .swiper-slide {
        width: 100%;
        height: 439px;
        padding: 65px 94px;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL {
        width: 554px;
        height: 312px;
        overflow: hidden;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL img {
        transition: .3s;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fR {
        width: 600px;
        padding-top: 30px;
    }
    .enter-a3-line-t1 {
        color: #454545;
        font-size: 24px;
        font-weight: bolder;
        margin-bottom: 35px;
    }
    .enter-a3-line-t2 {
        font-size: 16px;
        color: #454545;
        line-height: 36px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .enter-a3 {
        width: 100%;
        position: relative;
    }
    .enter-a3-box {
        margin-top: -310px;
    }
    .enter-a3-change {
        width: 1382px;
        margin: 0 auto;
        position: relative;
    }
    .enter-a3-change .mySwiper3 {
        width: 1280px;
        margin: 0 auto;
        overflow: hidden;
    }
    .enter-a3-change .mySwiper3 .swiper-slide {
        width: 220px!important;
        height: 62px;
        margin-right: 20px;
        background: #fff;
        line-height: 62px;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        color: #454545;
    }
    .enter-a3-change .swiper-button-next {
        width: 14px;
        height: 20px;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        outline: none;
        margin: 0;
        top: 37%;
    }
    .enter-a3-change .swiper-button-next::after,
    .enter-a3-change .swiper-button-prev::after {
        content: none;
    }
    .enter-a3-change .swiper-button-prev {
        width: 14px;
        height: 20px;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        outline: none;
        margin: 0;
        top: 37%;
    }
    .enter-a3-line {
        width: 1280px;
        margin: 0 auto;
        padding-top: 50px;
    }
    .enter-a3-line .mySwiper4 {
        width: 100%;
        height: 377px;
        background: #f6f9fd;
        overflow: hidden;
    }
    .enter-a3-line .mySwiper4 .swiper-slide {
        width: 100%;
        height: 377px;
        padding: 60px 90px;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL {
        width: 500px;
        height: 256px;
        overflow: hidden;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL img {
        transition: .3s;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fR {
        width: 537px;
        padding-top: 30px;
    }
    .enter-a3-line-t1 {
        color: #454545;
        font-size: 24px;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .enter-a3-line-t2 {
        font-size: 16px;
        color: #454545;
        line-height: 36px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .enter-a3 {
        width: 100%;
        position: relative;
    }
    .enter-a3-box {
        margin-top: -260px;
    }
    .enter-a3-change {
        width: 1020px;
        margin: 0 auto;
        position: relative;
    }
    .enter-a3-change .mySwiper3 {
        width: 960px;
        margin: 0 auto;
        overflow: hidden;
    }
    .enter-a3-change .mySwiper3 .swiper-slide {
        width: 220px!important;
        height: 60px;
        margin-right: 20px;
        background: #fff;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        font-size: 14px;
        color: #454545;
    }
    .enter-a3-change .swiper-button-next {
        width: 14px;
        height: 20px;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        outline: none;
        margin: 0;
        top: 37%;
    }
    .enter-a3-change .swiper-button-next::after,
    .enter-a3-change .swiper-button-prev::after {
        content: none;
    }
    .enter-a3-change .swiper-button-prev {
        width: 14px;
        height: 20px;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        outline: none;
        margin: 0;
        top: 37%;
    }
    .enter-a3-line {
        width: 960px;
        margin: 0 auto;
        padding-top: 20px;
    }
    .enter-a3-line .mySwiper4 {
        width: 100%;
        height: 292px;
        background: #f6f9fd;
        overflow: hidden;
    }
    .enter-a3-line .mySwiper4 .swiper-slide {
        width: 100%;
        height: 292px;
        padding: 40px 60px;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL {
        width: 410px;
        height: 210px;
        overflow: hidden;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fL img {
        transition: .3s;
    }
    .enter-a3-line .mySwiper4 .swiper-slide .fR {
        width: 378px;
        padding-top: 20px;
    }
    .enter-a3-line-t1 {
        color: #454545;
        font-size: 22px;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .enter-a3-line-t2 {
        font-size: 14px;
        color: #454545;
        line-height: 32px;
    }
}

@media only screen and (min-width: 1600px) {
    .enter-a4 {
        padding-top: 140px;
    }
    .enter-a4-box {
        width: 100%;
        position: relative;
    }
    .enter-a4-box .enter-a4-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 37px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg {
        width: 1440px;
        height: 465px;
        background: #fff;
        margin: 0 auto;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .13);
        position: relative;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .mySwiper {
        width: 100%;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide {
        width: 100%;
        padding: 50px 75px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div {
        margin-right: 12px;
        margin-bottom: 14px;
        border: 1px solid #eee;
        cursor: pointer;
        overflow: hidden;
        width: 205px;
        height: 93px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:nth-child(6n) {
        margin-right: 0;
    }
    .enter-a4-btn {
        position: relative;
        width: 215px;
        margin: 0 auto;
        height: 20px;
    }
    .enter-a4-btn .swiper-button-next5 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-prev5 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-next5::after,
    .enter-a4-btn .swiper-button-prev5::after {
        content: 'none'
    }
    .enter-a4-btn .swiper-scrollbar {
        height: 1px;
        width: 126px!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a4-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .enter-a5 {
        margin-bottom: 60px;
        width: 100%;
        position: relative;
    }
    .enter-a5-pos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 85px;
    }
    .enter-a5-box {
        width: 1440px;
        margin: 0 auto;
    }
    .enter-a5-box .mySwiper6 {
        width: 100%;
        overflow: hidden;
    }
    .enter-a5-box .mySwiper6 .swiper-slide {
        width: 100%;
        padding: 10px;
    }
    .enter-a5-list {
        width: 329px;
        height: 446px;
        padding: 25px 20px;
        background: #fff;
        margin-right: 34px;
    }
    .enter-a5-list:nth-child(4n) {
        margin-right: 0;
    }
    .enter-a5-list:hover .enter-a5-list-ti1 img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a5-list .enter-a5-list-ti1 img {
        transition: .3s;
    }
    .enter-a5-list:hover {
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, .07);
    }
    .enter-a5-list-ti1 {
        width: 100%;
        height: 321px;
        margin-bottom: 20px;
    }
    .enter-a5-list-ti2 {
        padding: 0 15px;
    }
    .enter-a5-list-ti2 div {
        width: 100%;
        padding-top: 25px;
        border-top: 1px solid #dbdbdb;
        text-align: center;
        font-size: 18px;
        color: #333333;
        font-weight: bolder;
    }
    .enter-a5-btn {
        position: relative;
        width: 215px;
        margin: 105px auto 0;
        height: 20px;
    }
    .enter-a5-btn .swiper-button-next6 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a5-btn .swiper-button-prev6 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a5-btn .swiper-button-next6::after,
    .enter-a5-btn .swiper-button-prev6::after {
        content: 'none'
    }
    .enter-a5-btn .swiper-scrollbar {
        height: 1px;
        width: 126px!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a5-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .enter-a6-box {
        width: 100%;
        height: 632px;
    }
    .enter-a6-fl {
        width: 565px;
        height: 100%;
        background: #f6f9fd;
    }
    .enter-a6-fl-ti1 {
        width: 100%;
        height: calc(100% / 3);
        padding-left: 230px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .enter-a6-fl-ti1:first-child {
        border-top: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 {
        border-bottom: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 img {
        margin-right: 35px;
    }
    .enter-a6-fl-ti1 span {
        font-size: 24px;
        color: #454545;
    }
    .enter-a6-fl-ti1.ac span {
        color: #0854a4;
        font-weight: bolder;
    }
    .enter-a6-fr {
        width: calc(100% - 565px);
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .enter-a6-fr-line.ac {
        opacity: 1;
    }
    .enter-a6-fr-line .mySwiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .enter-a6-fr-line .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide>.i300 {
        width: 100%;
        height: 100%;
    }
    .enter-a6-fr-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 98px;
        padding-left: 130px;
    }
    .enter-a6-fr-ti1 {
        height: 120px;
        position: relative;
        margin-bottom: 35px;
    }
    .enter-a6-fr-ti1 span {
        font-size: 30px;
        font-weight: bolder;
        line-height: 120px;
        color: #fff;
        display: block;
    }
    .enter-a6-fr-ti1 i {
        position: absolute;
        left: 63px;
        top: 0;
        font-style: normal;
        font-size: 120px;
        line-height: 120px;
        color: #fff;
        opacity: .05;
        font-weight: bolder;
    }
    .enter-a6-fr-ti2 {
        font-size: 16px;
        line-height: 48px;
        color: #fff;
        width: 806px;
    }
    .enter-a6-fr .swiper-button-next {
        left: 203px;
        right: auto;
        width: 14px;
        height: 20px;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 75px;
        opacity: 1;
    }
    .enter-a6-fr .swiper-button-next::after,
    .enter-a6-fr .swiper-button-prev::after {
        content: none;
    }
    .enter-a6-fr .swiper-button-prev {
        left: 147px;
        right: auto;
        width: 14px;
        height: 20px;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 75px;
        opacity: 1;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .enter-a4 {
        padding-top: 130px;
    }
    .enter-a4-box {
        width: 100%;
        position: relative;
    }
    .enter-a4-box .enter-a4-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg {
        width: 1280px;
        height: 408px;
        background: #fff;
        margin: 0 auto;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .13);
        position: relative;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .mySwiper {
        width: 100%;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide {
        width: 100%;
        padding: 20px;
        margin-bottom: 26px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div {
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #eee;
        cursor: pointer;
        overflow: hidden;
        width: 198px;
        height: 85px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:nth-child(6n) {
        margin-right: 0;
    }
    .enter-a4-btn {
        position: relative;
        width: 215px;
        margin: 0 auto;
        height: 20px;
    }
    .enter-a4-btn .swiper-button-next5 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-prev5 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-next5::after,
    .enter-a4-btn .swiper-button-prev5::after {
        content: 'none'
    }
    .enter-a4-btn .swiper-scrollbar {
        height: 1px;
        width: 126px!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a4-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .enter-a5 {
        margin-bottom: 50px;
        width: 100%;
        position: relative;
    }
    .enter-a5-pos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 70px;
    }
    .enter-a5-box {
        width: 1280px;
        margin: 0 auto;
    }
    .enter-a5-box .mySwiper6 {
        width: 100%;
        overflow: hidden;
    }
    .enter-a5-box .mySwiper6 .swiper-slide {
        width: 100%;
        padding: 5px;
    }
    .enter-a5-list {
        width: 302px;
        height: 402px;
        padding: 20px;
        background: #fff;
        margin-right: 20px;
    }
    .enter-a5-list:nth-child(4n) {
        margin-right: 0;
    }
    .enter-a5-list:hover .enter-a5-list-ti1 img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a5-list .enter-a5-list-ti1 img {
        transition: .3s;
    }
    .enter-a5-list:hover {
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .07);
    }
    .enter-a5-list-ti1 {
        width: 100%;
        height: 290px;
        margin-bottom: 20px;
    }
    .enter-a5-list-ti2 {
        padding: 0 15px;
    }
    .enter-a5-list-ti2 div {
        width: 100%;
        padding-top: 25px;
        border-top: 1px solid #dbdbdb;
        text-align: center;
        font-size: 18px;
        color: #333333;
        font-weight: bolder;
    }
    .enter-a5-btn {
        position: relative;
        width: 215px;
        margin: 27px auto 0;
        height: 20px;
    }
    .enter-a5-btn .swiper-button-next6 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a5-btn .swiper-button-prev6 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a5-btn .swiper-button-next6::after,
    .enter-a5-btn .swiper-button-prev6::after {
        content: 'none'
    }
    .enter-a5-btn .swiper-scrollbar {
        height: 1px;
        width: 126px!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a5-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .enter-a6-box {
        width: 100%;
        height: 560px;
    }
    .enter-a6-fl {
        width: 460px;
        height: 100%;
        background: #f6f9fd;
    }
    .enter-a6-fl-ti1 {
        width: 100%;
        height: calc(100% / 3);
        padding-left: 160px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .enter-a6-fl-ti1:first-child {
        border-top: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 {
        border-bottom: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 img {
        margin-right: 35px;
    }
    .enter-a6-fl-ti1 span {
        font-size: 24px;
        color: #454545;
    }
    .enter-a6-fl-ti1.ac span {
        color: #0854a4;
        font-weight: bolder;
    }
    .enter-a6-fr {
        width: calc(100% - 460px);
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .enter-a6-fr-line.ac {
        opacity: 1;
    }
    .enter-a6-fr-line .mySwiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .enter-a6-fr-line .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide>.i300 {
        width: 100%;
        height: 100%;
    }
    .enter-a6-fr-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 70px;
        padding-left: 100px;
    }
    .enter-a6-fr-ti1 {
        height: 120px;
        position: relative;
        margin-bottom: 35px;
    }
    .enter-a6-fr-ti1 span {
        font-size: 30px;
        font-weight: bolder;
        line-height: 120px;
        color: #fff;
        display: block;
    }
    .enter-a6-fr-ti1 i {
        position: absolute;
        left: 63px;
        top: 0;
        font-style: normal;
        font-size: 120px;
        line-height: 120px;
        color: #fff;
        opacity: .05;
        font-weight: bolder;
    }
    .enter-a6-fr-ti2 {
        font-size: 16px;
        line-height: 48px;
        color: #fff;
        width: 806px;
    }
    .enter-a6-fr .swiper-button-next {
        left: 130px;
        right: auto;
        width: 14px;
        height: 20px;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 40px;
        opacity: 1;
    }
    .enter-a6-fr .swiper-button-next::after,
    .enter-a6-fr .swiper-button-prev::after {
        content: none;
    }
    .enter-a6-fr .swiper-button-prev {
        left: 100px;
        right: auto;
        width: 14px;
        height: 20px;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 40px;
        opacity: 1;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .enter-a4 {
        padding-top: 100px;
    }
    .enter-a4-box {
        width: 100%;
        position: relative;
    }
    .enter-a4-box .enter-a4-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg {
        width: 960px;
        height: 320px;
        background: #fff;
        margin: 0 auto;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .13);
        position: relative;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .mySwiper {
        width: 100%;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div {
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #eee;
        cursor: pointer;
        overflow: hidden;
        width: 145px;
        height: 63px;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:nth-child(6n) {
        margin-right: 0;
    }
    .enter-a4-btn {
        position: relative;
        width: 215px;
        margin: 0 auto;
        height: 20px;
    }
    .enter-a4-btn .swiper-button-next5 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-prev5 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-next5::after,
    .enter-a4-btn .swiper-button-prev5::after {
        content: 'none'
    }
    .enter-a4-btn .swiper-scrollbar {
        height: 1px;
        width: 126px!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a4-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .enter-a5 {
        margin-bottom: 50px;
        width: 100%;
        position: relative;
    }
    .enter-a5-pos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 60px;
    }
    .enter-a5-box {
        width: 960px;
        margin: 0 auto;
    }
    .enter-a5-pos .investment-a3-tit {
        margin-bottom: 30px;
    }
    .enter-a5-box .mySwiper6 {
        width: 100%;
        overflow: hidden;
    }
    .enter-a5-box .mySwiper6 .swiper-slide {
        width: 100%;
        padding: 5px;
    }
    .enter-a5-list {
        width: 222px;
        padding: 20px 20px 6px;
        background: #fff;
        margin-right: 20px;
    }
    .enter-a5-list:nth-child(4n) {
        margin-right: 0;
    }
    .enter-a5-list:hover .enter-a5-list-ti1 img {
        transform: scale(1.06);
        transition: .3s;
    }
    .enter-a5-list .enter-a5-list-ti1 img {
        transition: .3s;
    }
    .enter-a5-list:hover {
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .07);
    }
    .enter-a5-list-ti1 {
        width: 100%;
        height: 204px;
        margin-bottom: 10px;
    }
    .enter-a5-list-ti2 {
        padding: 0 15px;
    }
    .enter-a5-list-ti2 div {
        width: 100%;
        padding-top: 5px;
        border-top: 1px solid #dbdbdb;
        text-align: center;
        font-size: 16px;
        color: #333333;
        line-height: 30px;
        font-weight: bolder;
    }
    .enter-a5-btn {
        position: relative;
        width: 215px;
        margin: 27px auto 0;
        height: 20px;
    }
    .enter-a5-btn .swiper-button-next6 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a5-btn .swiper-button-prev6 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: 14px;
        height: 20px;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a5-btn .swiper-button-next6::after,
    .enter-a5-btn .swiper-button-prev6::after {
        content: 'none'
    }
    .enter-a5-btn .swiper-scrollbar {
        height: 1px;
        width: 126px!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a5-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: 5px;
        background: #0854a4;
        position: absolute;
        top: -2px;
    }
    .enter-a6-box {
        width: 100%;
        height: 482px;
    }
    .enter-a6-fl {
        width: 260px;
        height: 100%;
        background: #f6f9fd;
    }
    .enter-a6-fl-ti1 {
        width: 100%;
        height: calc(100% / 3);
        padding-left: 60px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .enter-a6-fl-ti1:first-child {
        border-top: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 {
        border-bottom: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 img {
        margin-right: 20px;
        transform: scale(0.8);
    }
    .enter-a6-fl-ti1 span {
        font-size: 20px;
        color: #454545;
    }
    .enter-a6-fl-ti1.ac span {
        color: #0854a4;
        font-weight: bolder;
    }
    .enter-a6-fr {
        width: calc(100% - 260px);
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .enter-a6-fr-line.ac {
        opacity: 1;
    }
    .enter-a6-fr-line .mySwiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .enter-a6-fr-line .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide>.i300 {
        width: 100%;
        height: 100%;
    }
    .enter-a6-fr-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 35px;
        padding-left: 60px;
    }
    .enter-a6-fr-ti1 {
        height: 110px;
        position: relative;
        margin-bottom: 25px;
    }
    .enter-a6-fr-ti1 span {
        font-size: 26px;
        font-weight: bolder;
        line-height: 110px;
        color: #fff;
        display: block;
    }
    .enter-a6-fr-ti1 i {
        position: absolute;
        left: 60px;
        top: 0;
        font-style: normal;
        font-size: 110px;
        line-height: 110px;
        color: #fff;
        opacity: .05;
        font-weight: bolder;
    }
    .enter-a6-fr-ti2 {
        font-size: 14px;
        line-height: 32px;
        color: #fff;
        width: 600px;
    }
    .enter-a6-fr .swiper-button-next {
        left: 130px;
        right: auto;
        width: 14px;
        height: 20px;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 40px;
        opacity: 1;
    }
    .enter-a6-fr .swiper-button-next::after,
    .enter-a6-fr .swiper-button-prev::after {
        content: none;
    }
    .enter-a6-fr .swiper-button-prev {
        left: 73px;
        right: auto;
        width: 14px;
        height: 20px;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 40px;
        opacity: 1;
    }
}

@media only screen and (max-width: 1023px) {
    .enter-a4 {
        padding-top: .8rem;
    }
    .enter-a4-box {
        width: 100%;
        position: relative;
        height: 6.4rem;
    }
    .enter-a4-box>.i100 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .enter-a4-box .enter-a4-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: .4rem .2rem 0;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg {
        width: 100%;
        height: 4.4rem;
        background: #fff;
        margin: 0 auto;
        box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .13);
        position: relative;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .mySwiper {
        width: 100%;
        height: 3.8rem;
        overflow: hidden;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide {
        width: 100%;
        padding: .3rem .2rem 0;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div {
        margin-right: .1rem;
        margin-bottom: .13rem;
        border: 1px solid #eee;
        cursor: pointer;
        overflow: hidden;
        width: 2.1rem;
        height: .92rem;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div img {
        width: 100%;
        height: 100%;
    }
    .enter-a4-box .enter-a4-line .enter-a4-bg .swiper-wrapper .swiper-slide div:nth-child(3n) {
        margin-right: 0;
    }
    .enter-a4-btn {
        position: relative;
        width: 2.3rem;
        margin: 0 auto;
        height: .44rem;
    }
    .enter-a4-btn .swiper-button-next {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: .28rem;
        height: .44rem;
        outline: none;
        right: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-prev {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: .28rem;
        height: .44rem;
        outline: none;
        left: 0;
        position: relative;
    }
    .enter-a4-btn .swiper-button-next::after,
    .enter-a4-btn .swiper-button-prev::after {
        content: 'none'
    }
    .enter-a4-btn .swiper-scrollbar {
        height: .02rem;
        width: 1.26rem!important;
        background: #0854a4;
        margin: 0 auto;
        position: relative;
    }
    .enter-a4-btn .swiper-scrollbar .swiper-scrollbar-drag {
        height: .08rem;
        background: #0854a4;
        position: absolute;
        top: -.02rem;
    }
    .enter-a5 {
        margin-bottom: .8rem;
        width: 100%;
        position: relative;
    }
    .enter-a5-pos {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: .8rem;
    }
    .enter-a5-box {
        width: 100%;
    }
    .enter-a5-box .mySwiper9 {
        width: 4rem;
        margin: 0 auto;
        overflow: hidden;
    }
    .enter-a5-box .mySwiper9 .swiper-slide {
        width: 100% !important;
    }
    .enter-a5-list {
        width: 100%;
        background: #fff;
    }
    .enter-a5-list .enter-a5-list-ti1 img {
        transition: .3s;
    }
    .enter-a5-list-ti1 {
        width: 100%;
        margin-bottom: .4rem;
        height: 4.4rem;
        overflow: hidden;
    }
    .enter-a5-list-ti2 {
        padding: 0 .2rem;
    }
    .enter-a5-list-ti2 div {
        width: 100%;
        padding-top: .25rem;
        border-top: 1px solid #dbdbdb;
        text-align: center;
        font-size: .28rem;
        color: #333333;
        font-weight: bolder;
    }
    .enter-a5-btn {}
    .enter-a5-btn .swiper-button-next9 {
        background-image: url("../img/z19.png");
        background-size: 100% 100%;
        width: .28rem;
        height: .4rem;
        outline: none;
        right: .3rem;
        margin: 0;
    }
    .enter-a5-btn .swiper-button-prev9 {
        background-image: url("../img/z18.png");
        background-size: 100% 100%;
        width: .28rem;
        height: .4rem;
        outline: none;
        left: .3rem;
        margin: 0;
    }
    .enter-a5-btn .swiper-button-next9::after,
    .enter-a5-btn .swiper-button-prev9::after {
        content: 'none'
    }
    .enter-a6-box {
        width: 100%;
        height: 10rem;
    }
    .enter-a6-fl {
        width: 100%;
        height: 1.1rem;
        background: #f6f9fd;
        display: flex;
    }
    .enter-a6-fl-ti1 {
        width: calc(100% / 3);
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .enter-a6-fl-ti1:first-child {
        border-left: none;
    }
    .enter-a6-fl-ti1 {
        border-left: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
    }
    .enter-a6-fl-ti1 img {
        margin-right: .15rem;
        width: .36rem;
    }
    .enter-a6-fl-ti1 span {
        font-size: .28rem;
        color: #454545;
    }
    .enter-a6-fl-ti1.ac span {
        color: #0854a4;
        font-weight: bolder;
    }
    .enter-a6-fr {
        width: 100%;
        height: 8.8rem;
        position: relative;
    }
    .enter-a6-fr-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .enter-a6-fr-line.ac {
        opacity: 1;
    }
    .enter-a6-fr-line .mySwiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .enter-a6-fr-line .mySwiper .swiper-wrapper {
        width: 100%;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .enter-a6-fr-line .mySwiper .swiper-slide>.i300 {
        width: 100%;
        height: 100%;
    }
    .enter-a6-fr-list {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: .72rem .3rem .3rem;
    }
    .enter-a6-fr-ti1 {
        height: 1.16rem;
        position: relative;
        margin-bottom: .6rem;
    }
    .enter-a6-fr-ti1 span {
        font-size: .34rem;
        font-weight: bolder;
        line-height: 1.16rem;
        color: #fff;
        display: block;
    }
    .enter-a6-fr-ti1 i {
        position: absolute;
        left: .8rem;
        top: 0;
        font-style: normal;
        font-size: 1.16rem;
        line-height: 1.16rem;
        color: #fff;
        opacity: .05;
        font-weight: bolder;
    }
    .enter-a6-fr-ti2 {
        font-size: .26rem;
        line-height: .46rem;
        color: #fff;
        width: 100%;
        text-indent: .5rem;
        height: 4.8rem;
        overflow: hidden;
    }
    .enter-a6-fr .swiper-button-next {
        left: 1.2rem;
        right: auto;
        width: .28rem;
        height: .4rem;
        background-image: url("../img/z38.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 1rem;
        opacity: 1;
    }
    .enter-a6-fr .swiper-button-next::after,
    .enter-a6-fr .swiper-button-prev::after {
        content: none;
    }
    .enter-a6-fr .swiper-button-prev {
        left: .3rem;
        right: auto;
        width: .28rem;
        height: .4rem;
        background-image: url("../img/z37.png");
        background-size: 100% 100%;
        top: auto;
        bottom: 1rem;
        opacity: 1;
    }
}


/*加入我们*/

@media only screen and (min-width: 1600px) {
    .about-a1 {
        position: relative;
        width: 100%;
    }
    .about-a1-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 105px;
    }
    .about-a1-line {
        width: 1440px;
        margin: 0 auto;
        height: 100%;
    }
    .about-a1-ti1 {
        font-size: 36px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 70px;
    }
    .about-a1-line-box {
        width: 1058px;
    }
    .about-a1-list {
        width: 323px;
        height: 130px;
        border-radius: 5px;
        display: flex;
        padding: 0 35px;
        background: #fff;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin-right: 40px;
        margin-bottom: 30px;
        transition: .3s;
    }
    .about-a1-list:nth-child(3n) {
        margin-right: 0;
    }
    .about-a1-list span {
        font-size: 22px;
        color: #454545;
        font-weight: bolder;
    }
    .about-a1-list div img:last-child {
        display: none;
        transition: .3s;
    }
    .about-a1-list:hover {
        background: #0854a4;
        transition: .3s;
    }
    .about-a1-list:hover span {
        color: #fff;
        transition: .3s;
    }
    .about-a1-list:hover div img:last-child {
        display: inline-block;
        transition: .3s;
    }
    .about-a1-list:hover div img:first-child {
        display: none;
        transition: .3s;
    }
    .about-a2 {
        padding-top: 95px;
        margin-bottom: 120px;
    }
    .about-a2-tit {
        font-size: 36px;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a2-box {
        width: 1440px;
        padding-top: 95px;
        margin: 0 auto;
    }
    .about-a2-list {
        width: 220px;
        height: 229px;
        background: #f6f9fd;
        border-radius: 5px;
        padding: 40px 34px;
        margin-right: 24px;
    }
    .about-a2-list:nth-child(6n) {
        margin-right: 0;
    }
    .about-a2-list .about-a2-list-ti1 {
        font-family: 'siyuan';
        color: #0854a4;
        font-size: 50px;
        line-height: 50px;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .about-a2-list-ti2 {
        width: 26px;
        height: 5px;
        background: #004ea1;
        opacity: .14;
    }
    .about-a2-list-ti3 {
        color: #454545;
        font-size: 22px;
        font-weight: bolder;
        padding-top: 30px;
    }
    .about-a3 {
        width: 100%;
        padding: 65px 0;
        background: #f6f9fd;
    }
    .about-a3-box {
        width: 1440px;
        margin: 0 auto;
    }
    .about-a3-ti1 {
        width: 100%;
        margin-bottom: 45px;
        padding-top: 60px;
    }
    .about-a3-ti1-list {
        width: 700px;
        height: 70px;
        line-height: 70px;
        background: #fff;
        text-align: center;
        color: #535353;
        font-size: 24px;
        font-weight: bolder;
    }
    .about-a3-ti1-list:first-child {
        margin-right: 35px;
    }
    .about-a3-ti {
        width: 100%;
    }
    .about-a3-ti div {
        width: 457px;
        height: 70px;
        line-height: 70px;
        color: #fff;
        text-align: center;
        font-weight: bolder;
        font-size: 22px;
        margin-right: 33px;
        margin-bottom: 25px;
    }
    .about-a3-ti div:nth-child(3n) {
        margin-right: 0;
    }
    .about-a3-ti2 .about-a3-ti2-list {
        background: #e38d03;
    }
    .about-a3-ti3 .about-a3-ti3-list {
        background: #808080;
    }
    .about-a3-ti4 .about-a3-ti4-list {
        background: #bfbfbf;
        margin-bottom: 0;
    }
    .about-a4 {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 130px;
    }
    .about-a4-box {
        width: 1440px;
        margin: 0 auto;
        padding-top: 80px;
        height: 511px;
    }
    .about-a4-fl {
        width: 743px;
        height: 100%;
    }
    .about-a4-fl:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .about-a4-fl img {
        transition: .3s;
    }
    .about-a4-fr {
        width: calc(100% - 743px);
        background: #f6f9fd;
        padding: 0 80px;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .about-a4-fr-ti1 {
        margin-bottom: 43px;
    }
    .about-a4-fr-ti1:last-child {
        margin-bottom: 0;
    }
    .about-a4-fr-ti2 {
        font-size: 22px;
        color: #0854a4;
        line-height: 22px;
        margin-bottom: 15px;
        font-weight: bolder;
    }
    .about-a4-fr-ti3 {
        font-size: 16px;
        color: #454545;
    }
    .about-a5 {
        width: 100%;
        background: #f6f9fd;
    }
    .about-a5-box {
        width: 1440px;
        margin: 0 auto;
        padding-top: 92px;
        padding-bottom: 150px;
    }
    .about-a5-fl {
        width: 450px;
        position: relative;
        height: 279px;
    }
    .about-a5-fl-ti1 {
        font-size: 36px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .about-a5-fl-ti2 {
        width: 310px;
        font-size: 16px;
        line-height: 36px;
        color: #454545;
    }
    .about-a5-fr {
        width: calc(100% - 450px);
        overflow: hidden;
    }
    .about-a5-fr .mySwiper1 {
        width: 100%;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper {
        width: 100%;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide {
        width: 310px!important;
        margin-right: 22px;
        cursor: pointer;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide .about-a5-fr-ti1 {
        width: 100%;
        height: 215px;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide img {
        transition: .3s;
    }
    .about-a5-fr-ti2 {
        width: 100%;
        line-height: 64px;
        background: #fff;
        font-size: 16px;
        color: #454545;
        text-align: center;
    }
    .about-a5-fl .swiper-button-next {
        background-image: url("../img/z19.png");
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 100px;
        outline: none;
    }
    .about-a5-fl .swiper-button-prev {
        background-image: url("../img/z18.png");
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 0;
        outline: none;
    }
    .about-a5-fl .swiper-button-next::after,
    .about-a5-fl .swiper-button-prev::after {
        content: none;
    }
    .about-a6 {
        width: 100%;
        padding-top: 90px;
        margin-bottom: 95px;
    }
    .about-a6-box {
        width: 1400px;
        margin: 0 auto;
    }
    .about-a6-line {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 60px;
    }
    .about-a6-list {
        width: 207px;
        height: 200px;
        background: #f6f9fd;
        cursor: pointer;
    }
    .about-a6-list-ti1 {
        height: 126px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-a6-list-ti2 {
        font-size: 22px;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a6-list-ti3 {
        margin: 0 32px;
    }
    .about-a6-text-ti1 {
        width: 968px;
        margin-bottom: 20px;
    }
    .about-a6-text-ti3 {
        font-size: 16px;
        color: #454545;
        width: 932px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .about-a1 {
        position: relative;
        width: 100%;
    }
    .about-a1-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 90px;
    }
    .about-a1-line {
        width: 1280px;
        margin: 0 auto;
        height: 100%;
    }
    .about-a1-ti1 {
        font-size: 32px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 60px;
    }
    .about-a1-line-box {
        width: 1058px;
    }
    .about-a1-list {
        width: 288px;
        height: 106px;
        border-radius: 5px;
        display: flex;
        padding: 0 30px;
        background: #fff;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin-right: 30px;
        margin-bottom: 20px;
        transition: .3s;
    }
    .about-a1-list:nth-child(3n) {
        margin-right: 0;
    }
    .about-a1-list span {
        font-size: 20px;
        color: #454545;
        font-weight: bolder;
    }
    .about-a1-list div img:last-child {
        display: none;
        transition: .3s;
    }
    .about-a1-list:hover {
        background: #0854a4;
        transition: .3s;
    }
    .about-a1-list:hover span {
        color: #fff;
        transition: .3s;
    }
    .about-a1-list:hover div img:last-child {
        display: inline-block;
        transition: .3s;
    }
    .about-a1-list:hover div img:first-child {
        display: none;
        transition: .3s;
    }
    .about-a2 {
        padding-top: 80px;
        margin-bottom: 100px;
    }
    .about-a2-tit {
        font-size: 32px;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a2-box {
        width: 1280px;
        padding-top: 80px;
        margin: 0 auto;
    }
    .about-a2-list {
        width: 200px;
        height: 229px;
        background: #f6f9fd;
        border-radius: 5px;
        padding: 40px 34px;
        margin-right: 16px;
    }
    .about-a2-list:nth-child(6n) {
        margin-right: 0;
    }
    .about-a2-list .about-a2-list-ti1 {
        font-family: 'siyuan';
        color: #0854a4;
        font-size: 48px;
        line-height: 48px;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .about-a2-list-ti2 {
        width: 26px;
        height: 5px;
        background: #004ea1;
        opacity: .14;
    }
    .about-a2-list-ti3 {
        color: #454545;
        font-size: 20px;
        font-weight: bolder;
        padding-top: 30px;
    }
    .about-a3 {
        width: 100%;
        padding: 60px 0;
        background: #f6f9fd;
    }
    .about-a3-box {
        width: 1280px;
        margin: 0 auto;
    }
    .about-a3-ti1 {
        width: 100%;
        margin-bottom: 30px;
        padding-top: 50px;
    }
    .about-a3-ti1-list {
        width: 630px;
        height: 66px;
        line-height: 66px;
        background: #fff;
        text-align: center;
        color: #535353;
        font-size: 22px;
        font-weight: bolder;
    }
    .about-a3-ti1-list:first-child {
        margin-right: 20px;
    }
    .about-a3-ti {
        width: 100%;
    }
    .about-a3-ti div {
        width: 412px;
        height: 66px;
        line-height: 66px;
        color: #fff;
        text-align: center;
        font-weight: bolder;
        font-size: 20px;
        margin-right: 22px;
        margin-bottom: 20px;
    }
    .about-a3-ti div:nth-child(3n) {
        margin-right: 0;
    }
    .about-a3-ti2 .about-a3-ti2-list {
        background: #e38d03;
    }
    .about-a3-ti3 .about-a3-ti3-list {
        background: #808080;
    }
    .about-a3-ti4 .about-a3-ti4-list {
        background: #bfbfbf;
        margin-bottom: 0;
    }
    .about-a4 {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 100px;
    }
    .about-a4-box {
        width: 1280px;
        margin: 0 auto;
        padding-top: 80px;
        height: 511px;
    }
    .about-a4-fl {
        width: 630px;
        height: 100%;
    }
    .about-a4-fl:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .about-a4-fl img {
        transition: .3s;
    }
    .about-a4-fr {
        width: calc(100% - 630px);
        background: #f6f9fd;
        padding: 0 80px;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .about-a4-fr-ti1 {
        margin-bottom: 40px;
    }
    .about-a4-fr-ti1:last-child {
        margin-bottom: 0;
    }
    .about-a4-fr-ti2 {
        font-size: 20px;
        color: #0854a4;
        line-height: 20px;
        margin-bottom: 15px;
        font-weight: bolder;
    }
    .about-a4-fr-ti3 {
        font-size: 16px;
        color: #454545;
    }
    .about-a5 {
        width: 100%;
        background: #f6f9fd;
    }
    .about-a5-box {
        width: 1280px;
        margin: 0 auto;
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .about-a5-fl {
        width: 380px;
        position: relative;
        height: 279px;
    }
    .about-a5-fl-ti1 {
        font-size: 32px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .about-a5-fl-ti2 {
        width: 310px;
        font-size: 16px;
        line-height: 36px;
        color: #454545;
    }
    .about-a5-fr {
        width: calc(100% - 380px);
        overflow: hidden;
    }
    .about-a5-fr .mySwiper1 {
        width: 100%;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper {
        width: 100%;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide {
        width: 288px!important;
        margin-right: 18px;
        cursor: pointer;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide .about-a5-fr-ti1 {
        width: 100%;
        height: 197px;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide img {
        transition: .3s;
    }
    .about-a5-fr-ti2 {
        width: 100%;
        line-height: 64px;
        background: #fff;
        font-size: 16px;
        color: #454545;
        text-align: center;
    }
    .about-a5-fl .swiper-button-next {
        background-image: url("../img/z19.png");
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 100px;
        outline: none;
    }
    .about-a5-fl .swiper-button-prev {
        background-image: url("../img/z18.png");
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 0;
        outline: none;
    }
    .about-a5-fl .swiper-button-next::after,
    .about-a5-fl .swiper-button-prev::after {
        content: none;
    }
    .about-a6 {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 80px;
    }
    .about-a6-box {
        width: 1280px;
        margin: 0 auto;
    }
    .about-a6-line {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }
    .about-a6-list {
        width: 180px;
        height: 200px;
        background: #f6f9fd;
        cursor: pointer;
    }
    .about-a6-list-ti1 {
        height: 126px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-a6-list-ti2 {
        font-size: 22px;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a6-list-ti3 {
        margin: 0 32px;
    }
    .about-a6-text-ti1 {
        width: 968px;
        margin-bottom: 20px;
    }
    .about-a6-text-ti3 {
        font-size: 16px;
        color: #454545;
        width: 932px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .about-a1 {
        position: relative;
        width: 100%;
    }
    .about-a1-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 50px;
    }
    .about-a1-line {
        width: 960px;
        margin: 0 auto;
        height: 100%;
    }
    .about-a1-ti1 {
        font-size: 30px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .about-a1-line-box {
        width: 1000px;
    }
    .about-a1-list {
        width: 259px;
        height: 92px;
        border-radius: 5px;
        display: flex;
        padding: 0 30px;
        background: #fff;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin-right: 25px;
        margin-bottom: 12px;
        transition: .3s;
    }
    .about-a1-list:nth-child(3n) {
        margin-right: 0;
    }
    .about-a1-list span {
        font-size: 18px;
        color: #454545;
        font-weight: bolder;
    }
    .about-a1-list div img:last-child {
        display: none;
        transition: .3s;
    }
    .about-a1-list:hover {
        background: #0854a4;
        transition: .3s;
    }
    .about-a1-list:hover span {
        color: #fff;
        transition: .3s;
    }
    .about-a1-list div img {
        transform: scale(0.8);
    }
    .about-a1-list:hover div img:last-child {
        display: inline-block;
        transition: .3s;
    }
    .about-a1-list:hover div img:first-child {
        display: none;
        transition: .3s;
    }
    .about-a2 {
        padding-top: 80px;
        margin-bottom: 80px;
    }
    .about-a2-tit {
        font-size: 32px;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a2-box {
        width: 960px;
        padding-top: 80px;
        margin: 0 auto;
    }
    .about-a2-list {
        width: 151px;
        height: 205px;
        background: #f6f9fd;
        border-radius: 5px;
        padding: 20px 20px;
        margin-right: 10px;
    }
    .about-a2-list:nth-child(6n) {
        margin-right: 0;
    }
    .about-a2-list .about-a2-list-ti1 {
        font-family: 'siyuan';
        color: #0854a4;
        font-size: 48px;
        line-height: 48px;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .about-a2-list-ti2 {
        width: 26px;
        height: 5px;
        background: #004ea1;
        opacity: .14;
    }
    .about-a2-list-ti3 {
        color: #454545;
        font-size: 16px;
        font-weight: bolder;
        padding-top: 30px;
    }
    .about-a3 {
        width: 100%;
        padding: 60px 0;
        background: #f6f9fd;
    }
    .about-a3-box {
        width: 960px;
        margin: 0 auto;
    }
    .about-a3-ti1 {
        width: 100%;
        margin-bottom: 30px;
        padding-top: 50px;
    }
    .about-a3-ti1-list {
        width: 470px;
        height: 60px;
        line-height: 60px;
        background: #fff;
        text-align: center;
        color: #535353;
        font-size: 20px;
        font-weight: bolder;
    }
    .about-a3-ti1-list:first-child {
        margin-right: 20px;
    }
    .about-a3-ti {
        width: 100%;
    }
    .about-a3-ti div {
        width: 306px;
        height: 60px;
        line-height: 60px;
        color: #fff;
        text-align: center;
        font-weight: bolder;
        font-size: 18px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .about-a3-ti div:nth-child(3n) {
        margin-right: 0;
    }
    .about-a3-ti2 .about-a3-ti2-list {
        background: #e38d03;
    }
    .about-a3-ti3 .about-a3-ti3-list {
        background: #808080;
    }
    .about-a3-ti4 .about-a3-ti4-list {
        background: #bfbfbf;
        margin-bottom: 0;
    }
    .about-a4 {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 80px;
    }
    .about-a4-box {
        width: 960px;
        margin: 0 auto;
        padding-top: 80px;
        height: 342px;
    }
    .about-a4-fl {
        width: 495px;
        height: 100%;
    }
    .about-a4-fl:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .about-a4-fl img {
        transition: .3s;
    }
    .about-a4-fr {
        width: calc(100% - 495px);
        background: #f6f9fd;
        padding: 0 20px;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .about-a4-fr-ti1 {
        margin-bottom: 20px;
    }
    .about-a4-fr-ti1:last-child {
        margin-bottom: 0;
    }
    .about-a4-fr-ti2 {
        font-size: 18px;
        color: #0854a4;
        line-height: 18px;
        margin-bottom: 10px;
        font-weight: bolder;
    }
    .about-a4-fr-ti3 {
        font-size: 14px;
        color: #454545;
    }
    .about-a5 {
        width: 100%;
        background: #f6f9fd;
    }
    .about-a5-box {
        width: 960px;
        margin: 0 auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .about-a5-fl {
        width: 300px;
        position: relative;
        height: 210px;
    }
    .about-a5-fl-ti1 {
        font-size: 30px;
        color: #454545;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .about-a5-fl-ti2 {
        width: 280px;
        font-size: 14px;
        color: #454545;
    }
    .about-a5-fr {
        width: calc(100% - 300px);
        overflow: hidden;
    }
    .about-a5-fr .mySwiper1 {
        width: 100%;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper {
        width: 100%;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide {
        width: 213px!important;
        margin-right: 10px;
        cursor: pointer;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide .about-a5-fr-ti1 {
        width: 100%;
        height: 146px;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .about-a5-fr .mySwiper1 .swiper-wrapper .swiper-slide img {
        transition: .3s;
    }
    .about-a5-fr-ti2 {
        width: 100%;
        line-height: 64px;
        background: #fff;
        font-size: 14px;
        color: #454545;
        text-align: center;
    }
    .about-a5-fl .swiper-button-next {
        background-image: url("../img/z19.png");
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 100px;
        outline: none;
    }
    .about-a5-fl .swiper-button-prev {
        background-image: url("../img/z18.png");
        width: 13px;
        height: 20px;
        background-size: 100% 100%;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 0;
        outline: none;
    }
    .about-a5-fl .swiper-button-next::after,
    .about-a5-fl .swiper-button-prev::after {
        content: none;
    }
    .about-a6 {
        width: 100%;
        padding-top: 80px;
        margin-bottom: 80px;
    }
    .about-a6-box {
        width: 960px;
        margin: 0 auto;
    }
    .about-a6-line {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }
    .about-a6-list {
        width: 144px;
        height: 150px;
        background: #f6f9fd;
        cursor: pointer;
    }
    .about-a6-list-ti1 {
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-a6-list-ti1 img {
        transform: scale(0.8);
    }
    .about-a6-list-ti2 {
        font-size: 20px;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a6-list-ti3 {
        margin: 0 15px;
    }
    .about-a6-text-ti1 {
        width: 700px;
        margin-bottom: 20px;
    }
    .about-a6-text-ti3 {
        font-size: 14px;
        color: #454545;
        width: 660px;
    }
}

@media only screen and (max-width: 1023px) {
    .about-a1 {
        position: relative;
        width: 100%;
    }
    .about-a1-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: .8rem .3rem 0;
    }
    .about-a1-line {
        width: 100%;
        margin: 0 auto;
        height: 100%;
    }
    .about-a1-ti1 {
        font-size: .36rem;
        color: #454545;
        font-weight: bolder;
        margin-bottom: .6rem;
    }
    .about-a1-line-box {
        width: 100%;
    }
    .about-a1-list {
        width: 3.1rem;
        height: 1.3rem;
        border-radius: 5px;
        display: flex;
        padding: 0 .2rem;
        background: #fff;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        margin-right: .15rem;
        margin-bottom: .24rem;
        transition: .3s;
    }
    .about-a1-list:nth-child(2n) {
        margin-right: 0;
    }
    .about-a1-list span {
        font-size: .28rem;
        color: #454545;
        font-weight: bolder;
    }
    .about-a1-list img {
        transform: scale(0.6);
    }
    .about-a1-list div img:last-child {
        display: none;
        transition: .3s;
    }
    .about-a1-list:hover {
        background: #0854a4;
        transition: .3s;
    }
    .about-a1-list:hover span {
        color: #fff;
        transition: .3s;
    }
    .about-a1-list:hover div img:last-child {
        display: inline-block;
        transition: .3s;
    }
    .about-a1-list:hover div img:first-child {
        display: none;
        transition: .3s;
    }
    .about-a2 {
        padding-top: .65rem;
        margin-bottom: .9rem;
    }
    .about-a2-tit {
        font-size: .36rem;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a2-box {
        width: 100%;
        padding: .65rem .3rem 0;
        display: flex;
        flex-wrap: wrap;
    }
    .about-a2-list {
        width: 2.21rem;
        height: 2.29rem;
        background: #f6f9fd;
        border-radius: 5px;
        padding: .4rem .24rem;
        margin-right: .1rem;
        margin-bottom: .28rem;
    }
    .about-a2-list:nth-child(3n) {
        margin-right: 0;
    }
    .about-a2-list .about-a2-list-ti1 {
        font-family: 'siyuan';
        color: #0854a4;
        font-size: .5rem;
        line-height: .5rem;
        font-weight: bolder;
        margin-bottom: .2rem;
    }
    .about-a2-list-ti2 {
        width: .26rem;
        height: .05rem;
        background: #004ea1;
        opacity: .14;
    }
    .about-a2-list-ti3 {
        color: #454545;
        font-size: .26rem;
        font-weight: bolder;
        padding-top: .2rem;
    }
    .about-a3 {
        width: 100%;
        padding: .7rem .3rem;
        background: #f6f9fd;
    }
    .about-a3-box {
        width: 100%;
        margin: 0 auto;
    }
    .about-a3-ti1 {
        width: 100%;
        margin-bottom: .45rem;
        padding-top: .6rem;
    }
    .about-a3-ti1-list {
        width: 3.27rem;
        height: .7rem;
        line-height: .7rem;
        background: #fff;
        text-align: center;
        color: #535353;
        font-size: .28rem;
        font-weight: bolder;
    }
    .about-a3-ti1-list:first-child {
        margin-right: .35rem;
    }
    .about-a3-ti {
        width: 100%;
    }
    .about-a3-ti div {
        width: 2.19rem;
        height: .7rem;
        line-height: .7rem;
        color: #fff;
        text-align: center;
        font-weight: bolder;
        font-size: .28rem;
        margin-right: .15rem;
        margin-bottom: .25rem;
    }
    .about-a3-ti div:nth-child(3n) {
        margin-right: 0;
    }
    .about-a3-ti2 .about-a3-ti2-list {
        background: #e38d03;
    }
    .about-a3-ti3 .about-a3-ti3-list {
        background: #808080;
    }
    .about-a3-ti4 .about-a3-ti4-list {
        background: #bfbfbf;
        margin-bottom: 0;
    }
    .about-a4 {
        width: 100%;
        padding: .8rem .3rem 0;
        margin-bottom: 1.3rem;
    }
    .about-a4-box {
        width: 100%;
        margin: 0 auto;
        padding-top: .8rem;
    }
    .about-a4-fl {
        width: 100%;
        height: 5.11rem;
    }
    .about-a4-fr {
        width: 100%;
        background: #f6f9fd;
        padding: .6rem .4rem;
    }
    .about-a4-fr-ti1 {
        margin-bottom: .35rem;
    }
    .about-a4-fr-ti1:last-child {
        margin-bottom: 0;
    }
    .about-a4-fr-ti2 {
        font-size: .28rem;
        color: #0854a4;
        margin-bottom: .15rem;
        font-weight: bolder;
    }
    .about-a4-fr-ti3 {
        font-size: .24rem;
        color: #454545;
    }
    .about-a6 {
        width: 100%;
        margin-bottom: .8rem;
    }
    .about-a6-box {
        width: 100%;
        padding-left: .3rem;
    }
    .about-a6-line {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: .6rem;
        justify-content: center;
        flex-wrap: wrap;
    }
    .about-a6-list {
        width: 1.8rem;
        height: 1.81rem;
        background: #f6f9fd;
        cursor: pointer;
        margin-bottom: .38rem;
    }
    .about-a6-list-ti1 {
        height: 1.08rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-a6-list-ti1 img {
        transform: scale(0.6);
    }
    .about-a6-list-ti2 {
        font-size: .28rem;
        color: #454545;
        font-weight: bolder;
        text-align: center;
    }
    .about-a6-list-ti3 {
        margin: 0 .1rem;
    }
    .about-a6-list-ti3 img {
        width: .32rem;
    }
    .about-a6-text {
        width: 100%;
        background: #f6f9fd;
        padding: .75rem .3rem;
    }
    .about-a6-text-ti1 {
        width: 100%;
        margin-bottom: .2rem;
    }
    .about-a6-text-ti1 img {
        width: .22rem;
    }
    .about-a6-text-ti3 {
        font-size: .24rem;
        color: #454545;
        width: 90%;
    }
}


/*底部*/

@media only screen and (min-width: 1600px) {
    .footer {
        width: 100%;
        position: relative;
        background: #e9f1f9;
        padding-bottom: 36px;
    }
    .footer-fff {
        width: 100%;
        height: 72px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
    .footer-box {
        width: 1440px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: space-between;
    }
    .footer-list {
        text-align: center;
    }
    .footer-list div {
        font-size: 16px;
        line-height: 36px;
        color: #5a5a5a;
    }
    .footer-list div:first-child {
        line-height: 72px;
        font-size: 18px;
        color: #333333;
        font-weight: bolder;
    }
    .footer-list div:nth-child(2) {
        padding-top: 10px;
    }
    .footer-a1 {
        width: 100%;
        background: #fff;
        height: 75px;
        line-height: 75px;
    }
    .footer-a2 {
        width: 1440px;
        margin: 0 auto;
        height: 100%;
    }
    .footer-a2>.fL {
        font-size: 14px;
        color: #656565;
    }
    .footer-a2>.fR {
        font-size: 14px;
        color: #004ea1;
    }
    .footer-a2>.fR a {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .footer {
        width: 100%;
        position: relative;
        background: #e9f1f9;
        padding-bottom: 36px;
    }
    .footer-fff {
        width: 100%;
        height: 68px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
    .footer-box {
        width: 1280px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: space-between;
    }
    .footer-list {
        text-align: center;
    }
    .footer-list div {
        font-size: 16px;
        line-height: 36px;
        color: #5a5a5a;
    }
    .footer-list div:first-child {
        line-height: 68px;
        font-size: 18px;
        color: #333333;
        font-weight: bolder;
    }
    .footer-list div:nth-child(2) {
        padding-top: 10px;
    }
    .footer-a1 {
        width: 100%;
        background: #fff;
        height: 70px;
        line-height: 70px;
    }
    .footer-a2 {
        width: 1280px;
        margin: 0 auto;
        height: 100%;
    }
    .footer-a2>.fL {
        font-size: 14px;
        color: #656565;
    }
    .footer-a2>.fR {
        font-size: 14px;
        color: #004ea1;
    }
    .footer-a2>.fR a {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .footer {
        width: 100%;
        position: relative;
        background: #e9f1f9;
        padding-bottom: 36px;
    }
    .footer-fff {
        width: 100%;
        height: 62px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
    .footer-box {
        width: 960px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: space-between;
    }
    .footer-list {
        text-align: center;
    }
    .footer-list div {
        font-size: 14px;
        line-height: 32px;
        color: #5a5a5a;
    }
    .footer-list div:first-child {
        line-height: 62px;
        font-size: 16px;
        color: #333333;
        font-weight: bolder;
    }
    .footer-list div:nth-child(2) {
        padding-top: 10px;
    }
    .footer-a1 {
        width: 100%;
        background: #fff;
        height: 68px;
        line-height: 68px;
    }
    .footer-a2 {
        width: 960px;
        margin: 0 auto;
        height: 100%;
    }
    .footer-a2>.fL {
        font-size: 14px;
        color: #656565;
    }
    .footer-a2>.fR {
        font-size: 14px;
        color: #004ea1;
    }
    .footer-a2>.fR a {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 1023px) {
    .footer {
        width: 100%;
        position: relative;
        background: #e9f1f9;
    }
    .footer-fff {
        width: 100%;
        height: calc(.92rem * 2);
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
    .footer-box {
        width: 100%;
        padding: 0 .18rem;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .footer-list {
        text-align: center;
    }
    .footer-list div {
        display: none;
    }
    .footer-list:first-child{
        display:none;
    }
    .footer-list div:first-child {
        line-height: .92rem;
        font-size: .28rem;
        color: #333333;
        display: block;
        font-weight: bolder;
    }
    .footer-a1 {
        width: 100%;
        background: #e9f1f9;
        line-height: .6rem;
        padding: .2rem 0;
    }
    .footer-a2 {
        width: 100%;
        text-align: center;
    }
    .footer-a2>.fL {
        width: 100%;
        font-size: .28rem;
        color: #656565;
    }
    .footer-a2>.fL a {
        display: block;
    }
    .footer-a2>.fR {
        width: 100%;
        font-size: .26rem;
        color: #004ea1;
    }
    .footer-a2>.fR a {
        margin-right: .1rem;
    }
}


/*pc tou*/

@media only screen and (min-width: 1600px) {
    .head {
        width: 100%;
        height: 103px;
        background: #fff;
    }
    .head-user {
        width: 100%;
        height: 103px;
    }
    .head-fr {
        /*width:1359px;*/
    }
    .head-fl {
        padding-left: 100px;
        height: 103px;
    }
    .head-fl img {
        display: inline-block;
        padding-top: 20px;
    }
    .hd-list {
        font-size: 17px;
        color: #222222;
    }
    .hd-list img {
        width: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .head-nav-ul li {
        display: inline-block;
        height: 100%;
        margin-right:50px;
    }
    .head-nav-ul li>a {
        line-height: 103px;
        text-align: center;
    }
    .subnav {
        display: none;
        left: 0;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: .3s;
    }
    .hd-a1 {
        width: 1440px;
        margin: 0 auto;
        background: #fff;
        padding: 10px 80px 60px;
    }
    .hd-a1-fl {
        width: 415px;
        padding-top: 90px;
    }
    .hd-a1-fl-ti1 {
        font-size: 36px;
        line-height: 36px;
        color: #0043aa;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .hd-a1-fl-ti2 {
        width: 28px;
        height: 3px;
        background: #0043aa;
    }
    .hd-a1-fl-ti3 {
        font-size: 42px;
        color: #dddddd;
        line-height: 42px;
        font-weight: bolder;
        padding-top: 22px;
        text-transform: uppercase;
    }
    .hd-a1-fr {
        width: calc(100% - 415px);
    }
    .hd-a1-fr-d1 {
        width: 198px;
        border-right: 1px solid #f8f9fa;
    }
    .hd-a1-fr-d1 a {
        display: block;
        width: 133px;
        line-height: 54px;
        text-align: center;
        font-size: 16px;
        color: #333333;
        font-weight: bolder;
        border-bottom: 1px dashed #e7e7e7;
    }
    .hd-a1-fr-d1 a:last-child {
        border: none;
    }
    .hd-a1-fr-d2 {
        width: 625px;
        height: 254px;
        overflow: hidden;
    }
    .hd-a1-fr-d2:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .hd-a1-fr-d2 img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }
    .head-nav-ul li:hover .subnav {
        display: block;
        transition: .3s;
    }
    .head-fr-b1 {
        height: 103px;
    }
    .head-fr-b2 {
        margin-right: 10px;
    }
    .head-fr-b2 a {
        display: inline-block;
        line-height: 103px;
        font-size: 16px;
        color: #8a8a8a;
    }
    .head-fr-b2 a::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 14px;
        background: #d2d2d2;
        margin: 0 16px;
        vertical-align: middle;
    }
    .head-fr-b2 a:last-child::after {
        content: none;
    }
    .head-fr-b3 {
        width: 112px;
        height: 103px;
        background: #f7f7f7;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
}

@media only screen and (max-width: 1715px) and (min-width: 1599px) {
    /*.head-fr {*/
    /*    width: 1273px;*/
    /*}*/
    .head-nav-ul li {
        margin-right:30px;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1400px) {
    .head {
        width: 100%;
        height: 103px;
        background: #fff;
    }
    .head-user {
        width: 100%;
        height: 103px;
    }
    .head-fr {
        /*width: 1100px;*/
    }
    .head-fl {
        padding-left: 50px;
        height: 103px;
    }
    .head-fl img {
        display: inline-block;
        padding-top: 20px;
    }
    .hd-list {
        font-size: 17px;
        color: #222222;
    }
    .hd-list img {
        width: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .head-nav-ul li {
        display: inline-block;
        height: 100%;
        margin-right: 22px;
    }
    .head-nav-ul li>a {
        line-height: 103px;
        text-align: center;
    }
    .subnav {
        display: none;
        left: 0;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: .3s;
    }
    .hd-a1 {
        width: 1440px;
        margin: 0 auto;
        background: #fff;
        padding: 10px 80px 60px;
    }
    .hd-a1-fl {
        width: 415px;
        padding-top: 90px;
    }
    .hd-a1-fl-ti1 {
        font-size: 36px;
        line-height: 36px;
        color: #0043aa;
        font-weight: bolder;
        margin-bottom: 30px;
    }
    .hd-a1-fl-ti2 {
        width: 28px;
        height: 3px;
        background: #0043aa;
    }
    .hd-a1-fl-ti3 {
        font-size: 42px;
        color: #dddddd;
        line-height: 42px;
        font-weight: bolder;
        padding-top: 22px;
        text-transform: uppercase;
    }
    .hd-a1-fr {
        width: calc(100% - 415px);
    }
    .hd-a1-fr-d1 {
        width: 198px;
        border-right: 1px solid #f8f9fa;
    }
    .hd-a1-fr-d1 a {
        display: block;
        width: 133px;
        line-height: 54px;
        text-align: center;
        font-size: 16px;
        color: #333333;
        font-weight: bolder;
        border-bottom: 1px dashed #e7e7e7;
    }
    .hd-a1-fr-d1 a:last-child {
        border: none;
    }
    .hd-a1-fr-d2 {
        width: 625px;
        height: 254px;
        overflow: hidden;
    }
    .hd-a1-fr-d2:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .hd-a1-fr-d2 img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }
    .head-nav-ul li:hover .subnav {
        display: block;
        transition: .3s;
    }
    .head-fr-b1 {
        height: 103px;
    }
    .head-fr-b2 {
        margin-right: 10px;
    }
    .head-fr-b2 a {
        display: inline-block;
        line-height: 103px;
        font-size: 16px;
        color: #8a8a8a;
    }
    .head-fr-b2 a::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 14px;
        background: #d2d2d2;
        margin: 0 16px;
        vertical-align: middle;
    }
    .head-fr-b2 a:last-child::after {
        content: none;
    }
    .head-fr-b3 {
        width: 96px;
        height: 103px;
        background: #f7f7f7;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1024px) {
    .head {
        width: 100%;
        height: 103px;
        background: #fff;
    }
    .head-user {
        width: 100%;
        height: 103px;
    }
    .head-fr {
        /*width: 852px;*/
    }
    .head-fl {
        padding-left: 20px;
        height: 103px;
    }
    .head-fl img {
        display: inline-block;
        padding-top: 30px;
        width: 100px;
    }
    .hd-list {
        font-size: 14px;
        color: #222222;
    }
    .hd-list img {
        width: 10px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .head-nav-ul li {
        display: inline-block;
        height: 100%;
        /* width: 110px; */
        margin-right: 10px;
    }
    .head-nav-ul li>a {
        line-height: 103px;
        text-align: center;
    }
    .subnav {
        display: none;
        left: 0;
        width: 100%;
        z-index: 99;
        position: absolute;
        transition: .3s;
    }
    .hd-a1 {
        width: 960px;
        margin: 0 auto;
        background: #fff;
        padding: 10px 30px 30px;
    }
    .hd-a1-fl {
        width: 322px;
        padding-top: 50px;
    }
    .hd-a1-fl-ti1 {
        font-size: 28px;
        line-height: 28px;
        color: #0043aa;
        font-weight: bolder;
        margin-bottom: 20px;
    }
    .hd-a1-fl-ti2 {
        width: 28px;
        height: 3px;
        background: #0043aa;
    }
    .hd-a1-fl-ti3 {
        font-size: 32px;
        color: #dddddd;
        line-height: 32px;
        font-weight: bolder;
        padding-top: 20px;
        text-transform: uppercase;
    }
    .hd-a1-fr {
        width: calc(100% - 322px);
    }
    .hd-a1-fr-d1 {
        width: 173px;
        border-right: 1px solid #f8f9fa;
    }
    .hd-a1-fr-d1 a {
        display: block;
        width: 130px;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
        color: #333333;
        font-weight: bolder;
        border-bottom: 1px dashed #e7e7e7;
    }
    .hd-a1-fr-d1 a:last-child {
        border: none;
    }
    .hd-a1-fr-d2 {
        width: 403px;
        height: 165px;
        overflow: hidden;
    }
    .hd-a1-fr-d2:hover img {
        transform: scale(1.06);
        transition: .3s;
    }
    .hd-a1-fr-d2 img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }
    .head-nav-ul li:hover .subnav {
        display: block;
        transition: .3s;
    }
    .head-fr-b1 {
        height: 103px;
    }
    .head-fr-b2 {
        margin-right: 10px;
    }
    .head-fr-b2 a {
        display: inline-block;
        line-height: 103px;
        font-size: 14px;
        color: #8a8a8a;
    }
    .head-fr-b2 a::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        background: #d2d2d2;
        margin: 0 12px;
        vertical-align: middle;
    }
    .head-fr-b2 a:last-child::after {
        content: none;
    }
    .head-fr-b3 {
        width: 45px;
        height: 103px;
        /*background:#f7f7f7;*/
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: none;
}


/*pc搜索*/

@media only screen and (min-width: 1600px) {
    .hd1-b1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left: 0;
        background-image: url("../img/z116.jpg");
        background-size: 100% 100%;
        z-index: 11;
        transition: 0.5s;
    }
    .hd1-b1.on1 {
        top: 0;
        transition: 0.5s;
    }
    .hd1-b2 {
        font-size: 68px;
        line-height: 68px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 160px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 160);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b2 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b3 {
        font-size: 72px;
        line-height: 72px;
        color: #fff;
        font-weight: lighter;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 72px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 100);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b3 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b4 {
        width: 770px;
        height: 56px;
        border-radius: 28px;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        top: 47%;
        left: calc(50% - 770px/2);
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 60);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b4 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b5 {
        width: 600px;
        height: 40px;
        position: absolute;
        top: calc(50% - 40px/2);
        left: 44px;
    }
    .hd1-b5 input {
        width: 100%;
        height: 100%;
        position: relative;
        font-size: 16px;
        line-height: 40px;
        color: #787878;
    }
    .hd1-b5 input::placeholder {
        color: #787878;
    }
    .hd1-b6 {
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 24px/2);
        right: 30px;
        cursor: pointer;
    }
    .hd1-b6+input {
        display: none;
    }
    .hd1-b7 {
        width: 44px;
        height: 44px;
        position: absolute;
        top: 40px;
        right: 40px;
        cursor: pointer
    }
    .hd1-b8 {
        position: absolute;
        width: 770px;
        top: calc(50% + 80px);
        left: calc(50% - 770px/2);
        text-align: center;
    }
    .hd1-b8 a {
        color: #fff;
        margin-right: 20px;
        font-size: 16px;
    }
    .hd1-b8 a:first-child {
        font-weight: bolder;
        font-size: 20px;
    }
    .hd1-b9 {
        position: absolute;
        top: 40px;
        left: 40px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 1715px) and (min-width: 1440px) {
    .hd1-b1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left: 0;
        background-image: url("../img/z116.jpg");
        background-size: 100% 100%;
        z-index: 11;
        transition: 0.5s;
    }
    .hd1-b1.on1 {
        top: 0;
        transition: 0.5s;
    }
    .hd1-b2 {
        font-size: 68px;
        line-height: 68px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 160px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 160);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b2 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b3 {
        font-size: 72px;
        line-height: 72px;
        color: #fff;
        font-weight: lighter;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 72px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 100);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b3 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b4 {
        width: 770px;
        height: 56px;
        border-radius: 28px;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        top: 47%;
        left: calc(50% - 770px/2);
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 60);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b4 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b5 {
        width: 600px;
        height: 40px;
        position: absolute;
        top: calc(50% - 40px/2);
        left: 44px;
    }
    .hd1-b5 input {
        width: 100%;
        height: 100%;
        position: relative;
        font-size: 16px;
        line-height: 40px;
        color: #787878;
    }
    .hd1-b5 input::placeholder {
        color: #787878;
    }
    .hd1-b6 {
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 24px/2);
        right: 30px;
        cursor: pointer;
    }
    .hd1-b6+input {
        display: none;
    }
    .hd1-b7 {
        width: 44px;
        height: 44px;
        position: absolute;
        top: 40px;
        right: 40px;
        cursor: pointer
    }
    .hd1-b8 {
        position: absolute;
        width: 770px;
        top: calc(50% + 80px);
        left: calc(50% - 770px/2);
        text-align: center;
    }
    .hd1-b8 a {
        color: #fff;
        margin-right: 20px;
        font-size: 16px;
    }
    .hd1-b8 a:first-child {
        font-weight: bolder;
        font-size: 20px;
    }
    .hd1-b9 {
        position: absolute;
        top: 40px;
        left: 40px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    .hd1-b1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left: 0;
        background-image: url("../img/z116.jpg");
        background-size: 100% 100%;
        z-index: 11;
        transition: 0.5s;
    }
    .hd1-b1.on1 {
        top: 0;
        transition: 0.5s;
    }
    .hd1-b2 {
        font-size: 68px;
        line-height: 68px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 160px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 160);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b2 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b3 {
        font-size: 72px;
        line-height: 72px;
        color: #fff;
        font-weight: lighter;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 72px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 100);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b3 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b4 {
        width: 770px;
        height: 56px;
        border-radius: 28px;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        top: 47%;
        left: calc(50% - 770px/2);
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 60);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b4 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b5 {
        width: 600px;
        height: 40px;
        position: absolute;
        top: calc(50% - 40px/2);
        left: 44px;
    }
    .hd1-b5 input {
        width: 100%;
        height: 100%;
        position: relative;
        font-size: 16px;
        line-height: 40px;
        color: #787878;
    }
    .hd1-b5 input::placeholder {
        color: #787878;
    }
    .hd1-b6 {
        width: 24px;
        height: 24px;
        position: absolute;
        top: calc(50% - 24px/2);
        right: 30px;
        cursor: pointer;
    }
    .hd1-b6+input {
        display: none;
    }
    .hd1-b7 {
        width: 44px;
        height: 44px;
        position: absolute;
        top: 40px;
        right: 40px;
        cursor: pointer
    }
    .hd1-b8 {
        position: absolute;
        width: 770px;
        top: calc(50% + 80px);
        left: calc(50% - 770px/2);
        text-align: center;
    }
    .hd1-b8 a {
        color: #fff;
        margin-right: 20px;
        font-size: 16px;
    }
    .hd1-b8 a:first-child {
        font-weight: bolder;
        font-size: 20px;
    }
    .hd1-b9 {
        position: absolute;
        top: 40px;
        left: 40px;
        cursor: pointer;
    }
}


/*手机头*/

@media only screen and (max-width: 1023px) {
    .phone-head {
        width: 100%;
        height: 1.2rem;
        background: #fff;
        padding-left: .18rem;
    }
    .p-head-logo img {
        width: 2.01rem;
        padding-top: .18rem;
    }
    .p-hd-fr {
        width: calc(100% - 2.01rem);
        display: flex;
        justify-content: flex-end;
        height: 100%;
        align-items: center;
        position: relative;
    }
    .p-hd-fr-ti1 {
        width: .4rem;
        margin-right: .35rem;
    }
    .p-hd-fr-ti2 {
        width: .45rem;
        margin-right: .35rem;
    }
    .p-hd-fr-ti3 {
        width: 1.38rem;
        height: 100%;
        background: #e7f0fa;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .p-hd-fr-ti3 span {
        font-size: .32rem;
        color: #004ea2;
        font-weight: bolder;
    }
    .p-hd-fr-ti3 img {
        width: .14rem;
        margin-left: .2rem;
    }
    .p-hd-fr-ti4 {
        position: absolute;
        width: 3rem;
        height: 100%;
        top: 0;
        right: 0;
        line-height: 1.2rem;
        background: #e7f0fa;
        transition: .3s;
        text-align: center;
        display: none;
    }
    .p-hd-fr-ti4 a {
        display: inline-block;
        margin: 0 .2rem;
        font-size: .28rem;
        color: #004ea2;
        ;
    }
    .p-hd-fr-ti4.on1 {
        /*right:0;*/
        /*top:0;*/
        /*transition:.3s;*/
        display: block;
    }
}

@media only screen and (max-width: 1023px) {
    .hd1-b1 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: -100%;
        left: 0;
        background: #0043ab;
        background-size: 100% 100%;
        z-index: 11;
        transition: 0.5s;
    }
    .hd1-b1.on1 {
        top: 0;
        transition: 0.5s;
    }
    .hd1-b2 {
        font-size: .68rem;
        line-height: .68rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 160px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 160);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b2 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b3 {
        font-size: 72px;
        line-height: 72px;
        color: #fff;
        font-weight: lighter;
        text-align: center;
        width: 100%;
        position: absolute;
        top: calc(50% - 72px);
        left: 0;
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 100);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b3 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b4 {
        width: 6rem;
        height: .9rem;
        border-radius: .5rem;
        background: rgba(255, 255, 255, 1);
        position: absolute;
        top: 41%;
        left: calc(50% - 6rem / 2);
        opacity: 0;
        transform: matrix(1, 0, 0, 1, 0, 60);
        transition: 1s;
    }
    .hd1-b1.on1 .hd1-b4 {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1;
        transition: 1s;
    }
    .hd1-b5 {
        width: 100%;
        height: 100%;
        position: absolute;
        top: calc(50% - 100%/2);
        left: .4rem;
    }
    .hd1-b5 input {
        width: 70%;
        height: 100%;
        position: relative;
        font-size: .28rem;
        line-height: .9rem;
        color: #787878;
    }
    .hd1-b5 input::placeholder {
        color: #787878;
    }
    .hd1-b6 {
        width: .4rem;
        height: .4rem;
        position: absolute;
        top: calc(50% - .4rem/2);
        right: .3rem;
        cursor: pointer;
    }
    .hd1-b6+input {
        display: none;
    }
    .hd1-b7 {
        width: .5rem;
        height: .5rem;
        position: absolute;
        top: .4rem;
        right: .4rem;
    }
    .hd1-b8 {
        position: absolute;
        width: 100%;
        top: calc(50% + .3rem);
        left: calc(50% - 100%/2);
        text-align: center;
    }
    .hd1-b8 a {
        color: #fff;
        margin-right: .2rem;
        font-size: .26rem;
    }
    .hd1-b8 a:first-child {
        font-weight: bolder;
        font-size: .3rem;
    }
    .hd1-b9 {
        position: absolute;
        top: 40px;
        left: 40px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 1023px) {
    .p-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0043ab;
        z-index: 99;
        overflow-y: auto;
        display: none;
        padding: .52rem .3rem;
    }
    .p-popup-a1 {
        width: 100%;
        height: .9rem;
        margin-bottom: .6rem;
    }
    .p-popup-a1>i {
        display: inline-block;
        height: .5rem;
    }
    .p-popup-nav-list {
        margin-bottom: .65rem;
    }
    .p-popup-nav-list-a1 {
        width: 100%;
    }
    .p-popup-nav-list-a1>.fL {
        width: 1.06rem;
    }
    .p-popup-nav-list-a1>.fL img {
        width: .8rem;
    }
    .p-popup-nav-list-a1>.fR {
        width: calc(100% - .3rem);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .p-popup-nav-list-a1>.fR a {
        font-size: .3rem;
        color: #fff;
        font-weight: bolder;
        line-height: .6rem;
    }
    .p-popup-nav-list-a1>.fR img.p-popup-nav-img2 {
        display: none;
    }
    .p-popup-nav-img1 {
        display: inline-block;
        width: .2rem;
    }
    .p-popup-nav-list-a1.p-on1 .fR img.p-popup-nav-img1 {
        display: none;
    }
    .p-popup-nav-list-a1.p-on1 .fR img.p-popup-nav-img2 {
        display: inline-block;
        width: .36rem;
        padding-top: .28rem;
    }
    .p-popup-nav-list-a2 {
        display: none;
        width: 100%;
        padding-left: .8rem;
        padding-top: .5rem;
    }
    .p-popup-nav-list-a2 li {
        font-size: .3rem;
        line-height: .3rem;
        margin-bottom: .4rem;
        color: #fff;
    }
    .p-popup-nav-list-a2 li:last-child {
        margin-bottom: 0;
    }
    .p-popup-logo {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 6.14rem;
    }
    .p-popup-nav {
        position: relative;
        z-index: 2;
    }
    .p-popup-code {
        position: relative;
        z-index: 2;
    }
    .p-popup-code-a1 {
        color: #fff;
        font-size: .26rem;
        font-weight: bolder;
        text-align: center;
        margin-bottom: .2rem;
    }
    .p-popup-code-a2 {
        width: 60%;
        margin: 0 auto;
    }
    .p-popup-code-a2-list {
        width: calc(100% / 4);
    }
    .p-popup-code-a2-list img {
        margin: 0 auto;
    }
    .p-popup-code-a2 .p-popup-code-a2-list img:nth-child(1) {
        margin-bottom: .2rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(1) img:nth-child(1) {
        width: .48rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(2) img:nth-child(1) {
        width: .52rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(3) img:nth-child(1) {
        width: .36rem;
    }
    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(4) img:nth-child(1) {
        width: .52rem;
    }
    .p-popup-code-a2-list img:last-child {
        width: .8rem;
        height: .8rem;
        display: none;
    }
    .p-popup-code-a2-list:hover img:last-child {
        display: block;
    }
}


/*首页视频弹*/

@media only screen and (min-width: 1024px) {
    .video111-a3 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
        z-index: 100;
        background: rgba(0, 0, 0, .6);
    }
    .video111-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer;
    }
    .video111-a5 {
        width: 1000px;
        height: calc(1000px/16*9);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .video111-a5 iframe {
        width: 100%!important;
        height: 100%!important;
        position: relative;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1023px) {
    .video111-a3 {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
        z-index: 100;
        background: rgba(0, 0, 0, .6);
    }
    .video111-a4 {
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer;
    }
    .video111-a5 {
        width: calc(100% - 0.2rem*2);
        height: 5rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .video111-a5 iframe {
        width: 100%!important;
        height: 100%!important;
        position: relative;
        overflow: hidden;
    }
}
.news-del-ti3 img{
    margin:0 auto;
}